/** Generated: Saturday, 20th of September 2025, 09:49:41 AM // Powered by AIOM+ (All In One Minify) created by FlipZoom Media Inc. - David Karich (flipzoom.de) **/
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh7USSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v14/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v14/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

* {
    padding:0;
    margin:0;
    box-sizing: border-box;
	font-family:inherit;
	color:inherit;
}

img {
	display:block;
	max-width:100%;
}

.wrap {
  position:relative;
  width:1120px;
  padding:0 10px;
  max-width:100%;
  margin:0 auto;
  clear:both;
}

#burger,
#mobnav {
  display:none;
}

body {
    font-size:62.5%;
	background-image:url('/site/templates/img/bg.jpg');
	font-family: 'Lato', sans-serif;
	color:#4e5f70;
}

header {
	float:left;
	clear:left;
    width:100%;
	margin-bottom:2em;
	position: relative;
}

	.top {
		width:100%;
		height:auto;
	}
	
	#birds1 {
		position:absolute;
		right: -5%;
		top: 22%;
		width: 20%;
	}
	
	#cart {
		position:absolute;
		right: 0;
		bottom:25%;
	}
	
	#star1 {
		position: absolute;
		left: 11%;
		top: 18%;
		width: 60px;
	}
	
	#star2 {
		position: absolute;
		left: -7.5%;
		bottom:-10%;
		width: 45px;
	}
	
	#birds2 {
		position: absolute;
		left: -12%;
		bottom: -140%;
		width: 110px;
	}
	
	#balloon {
		position:absolute;
		right: -14%;
		top: 10%;
		width: 130px;
	}
	
	.social{
		position:absolute;
		bottom:25%;
	}
	
		.social a {
			float:left;
			width:50px;
			margin-right:1em;
		}

    nav {
		float:left;
		clear:left;
		width:100%;
		border-top:2px solid #cbcbcb;
		border-bottom:2px solid #cbcbcb;
	}
  
		nav ul {
			list-style: none;
			float:left;
			clear:left;
			width:100%;
			text-align: center;
		}
		
			nav ul li {
				display:inline-block;
				position: relative;
			}
			
				nav ul li > a {
					float:left;
					position: relative;
					z-index:101;
				}
			
				nav ul li a p {
					float:left;
					font-size:1.3em;
					text-transform: uppercase;
					padding:1em 1.6em;
					text-decoration: none;
					position: relative;
					z-index:2;
					transition:color 0.5s ease-in-out;
				}
				
					.navbrush {
						position:absolute;
						left:0;
						top:20%;
						width:100%;
						height:60%;
						opacity:0;
						transition:opacity 0.5s ease-in-out;
						z-index:0;
					}
					
					nav > ul > li > a:hover,
					.active{
						color:#fff;
					}
					
					nav ul li a:hover .navbrush,
					.active .navbrush{
						opacity:1;
					}
					
					.subnav {
						position:absolute;
						padding-top:4em;
						z-index:100;
						display:none;
						width:110%;
						min-width:200px;
						margin-left:-5%;
					}
					
						.subnav li {
							float:left;
							clear:left;
							width:100%;
							border-bottom:2px solid #eee;
						}
					
						.subnav li a {
							background-color:#fff;
							float:left;
							clear: left;
							width:100%;
							text-align: center;
							transition: background 0.5s ease-in-out;
							/*border-radius: 0.5em;*/
							font-size:1em;
							
						}
						
							.subnav li a p {
								width:100%;
								text-align: center;
								text-transform: capitalize;
							}
						
						.subnav li a:hover {
							background-color:#ffd7e4; /* light pink */
						}
						
					#mainnav li:hover .subnav {
						display:block;
					}

    #logo {
		display:block;
		width:300px;
		float:none;
		margin:2em auto 4em auto;
    }
  
		#logo img {
			width:100%;
		}

.flex {
  display:-webkit-flex;
  display:flex;
  -webkit-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  flex-wrap:wrap;
}

.fcw {
  float:left;
  clear:left;
  width:100%;
}

h1,h2,h3,h4,h5,h6 {
	margin-bottom:1em;
	font-weight:300;
	color:#a31d83; /* purple */
	font-size:4em;
}

.main h2{
	font-size:2.6em;
}

.main h3{
	font-size:2.3em;
}

.main h4{
	font-size:2em;
}

.main h5{
	font-size:1.7em;
}

.main {
	position: relative;
}

.main p,
.main li{
	font-size:1.4em;
	line-height:1.8;
	margin-bottom:1em;
}

	.main p a {
		color:#a31d83; /* purple */
	}

.main ul,
.main ol {
	margin:2em;
}

  .main li {
    padding-left:1em;
  }

.align_left {
  float:left;
}

.align_right {
  float:right;
}

.align_center {
  text-align: center;
}

img.align_left {
  margin:0.5em 1em 1em 0;
}

img.align_right {
  margin:0.5em 0 1em 1em;
}

img.align_center {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
  
footer {
	position:relative;
	clear:both;
}

	.copyright {
		position:absolute;
		right:0;
		bottom:1em;
	}

	.fimg {
		width:100%;
	}

.snipcart-modal__container {
	z-index:101;
}

@media screen and (max-width:1049px) {
	nav ul li a p {
		font-size:1.2em;
	}
}
  
@media screen and (max-width:849px) {
	
	.social {
		top:140px;
	}
	
	.copyright {
		text-align: center;
		width:100%;
	}
	
	nav {
		border-bottom:0;
	}
	
	#logo {
		width:175px;
	}
	
	#cart {
		width:175px;
		top:90px;;
	}
  
  #mainnav,
  #balloon,
  #birds2,
  #star1{
    display:none;
  }
  
  #burger {
    width:32px;
	display:block;
	margin:1em auto;
	float:none;
  }
  
  #mobnav li,
  #mobnav li a,
  #mobnav li a p{
	float:left;
	clear:left;
	width:100%;
  }
  
  #mobnav li a {
	padding:1.5em 4em;
	position:relative;
	border-bottom:1px solid #aaa;
  }
  
	#mobnav li a p {
		text-align: center;
		padding:0;
	}
	
		.navbrush {
			width:50%;
			left:25%;
		}
        
		#mobnav li a.tri {
          position:absolute;
          float:none;
          clear:none;
          right: 0;
          top: 0;
          width: 3em;
          height: 100%;
          border:none;
          padding:0;
        }
        
          .tri img {
            float:left;
            width:23px;
            margin-left:0.5em;
            margin-top:0.8em;
            height:11px;
            display:block;
          }
	.hide {
		display:none;
	}
}

@media screen and (max-width:549px) {
	
	nav {
		border:none;
	}
	
	#logo {
		margin-bottom:0;
	}
	
	#cart {
		display:none;
	}
	
	.social {
		bottom:initial;
		top:0;
	}
	
		.social a {
			width:32px;
			margin-right:5px;
		}
	
	#star1,
	#star2,
	#birds2{
		display:none;
	}
	
	#burger {
		position:absolute;
		right:10px;
		top:0;
		margin:0;
	}
}

@media screen and (max-width:499px) {
	#logo {
		width:100px;
	}
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom:4%;
  box-shadow: 0 2px 3px rgba(0,0,0,0.15);
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  border:10px solid #ffd7e4; /* light pink */
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
  
  .hero li h2 {
	position:absolute;
	left:5%;
	bottom:7.5%;
	width:40%;
	margin:0;
	font-weight:300;
	font-size:5em;
	color:#a31d83; /* purple */
  }

.intro {
	float:left;
	width:55%;
	margin-top:3em;
}

	.intro h1 {
		color:#a31d83; /* purple */
		font-size:4em;
		margin-bottom:0.6em;
	}
	
	.intro p {
		letter-spacing: 0.025em;
	}
	
	.artbtn {
		float:right;
		display:inline-block;
		clear:left;
		color:#fff;
		background-image:url('/site/templates/img/artbrush2x.png');
		background-size: 100% 100%;
		text-decoration: none;
		font-size:3em;
		padding:1em 2em 1.5em 2em;
		margin-top:1em;
	}

.right {
	float:right;
	width:45%;
}

	.right img {
		width:100%;
		padding-left:15%;
	}

@media screen and (max-width:999px) {
	.hero li h2 {
		font-size:5.3vw;
	}
	
	.rslides li {
		border:5px solid #ffd7e4; /* light pink */
	}
	
	.intro,
	.right{
		width:100%;
		text-align: center;
	}
	
	.artbtn {
		float:none;
		margin:1em auto;
	}
	
	.intro h1 {
		font-size:3em;
	}
	
	.intro p {
		letter-spacing: 0;
	}
}

@media screen and (max-width:499px) {
	.artbtn {
		font-size:2em;
	}
}