html {
	background: #EEE;
}

body {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	background: #FFF;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
	border-top: 5px solid #AC4DDF;
}

#logo {
	font-size: 3em;
	/*font-weight: bold;
	text-transform: uppercase;*/
	font-family: 'Archivo Narrow', sans-serif;
	/*text-shadow: 0 2px 5px rgba(0, 0, 0, .4);
	transition: .4s text-shadow;*/
}

#logo:hover {
	text-shadow: 0 4px 10px rgba(0, 0, 0, .4);
	transition: .15s text-shadow;
}

#logo .florist {
	display: block;
	margin-top: -.2em;
	color: #AC4DDF;
	font-size: 1.1em;
	font-weight: normal;
	/*font-family: 'Satisfy Custom Mitchells';*/
	font-family: 'Rochester', cursive;
	text-indent: 1.2em;
	text-transform: none;
}

#logo a {
	color: #000;
	text-decoration: none;
}

#address{
	text-align: right;
	margin-top: 13px;
}
#navigation {
	margin-top: 24px;
    text-transform: uppercase;
	background: #fff;
}

#navigation a {
	color: #000;
}

#navigation li:hover a {
	color: #000;
}

#navigation ul {
    float: left;
	width: auto;
}

#navigation ul ul {
	border-bottom: 3px solid #AC4DDF;
}

#navigation li ul a,
#navigation li:hover ul a {
	color: #000;
}

#navigation ul:last-child li:last-child {
	border: none;
}

#breadcrumbs {

	border-bottom: 1px solid #AC4DDF;
	border-top: 1px solid #AC4DDF;
	max-width: 1200px;
	margin: 15px auto auto;
}
h1 {
	color: #AC4DDF;
	font-family: 'Archivo Narrow', sans-serif;
	
}

img.alignleft {

	margin: 0 15px 5px 0px;
	display: block;
    max-width: 100%;
    height: auto;
}

img.alignright {
	float: right;
	margin: 0 0 5px 15px;
	display: block;
    max-width: 100%;
    height: auto;
}
.hp-button btn btn-small btn-hp{
	color: #AC4DDF;
}

.btn-hp,
.btn-primary:visited {
	background: #AC4DDF ;
	border-color: #AC4DDF ;
}

.btn-hp,
.btn-primary a {
	color: #fff;
}

.btn-hp:hover {
	color: #fff;
}
.btn-primary,
.btn-primary:visited {
	background: #161616;
	border-color: #292929;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
	background: #060606;
	border-color: #262626;
}
.image-container {
	background: #FFF;
}

#category .product .button {
	width: 5em;
	margin: auto;
}
#header{
	max-width: 1200px;
	margin: auto;
	background: #fff;
}
#header-wrapper{
	background: url(images/header-border.jpg) -720px 100px no-repeat;
}
#wrapper{
	background: url(images/swirl-bg.jpg) center bottom no-repeat;
	max-width: 1350px;
	margin: auto;
	height: 400px;
}
#inside-wrapper{
	max-width: 1200px;
	margin: auto;
}
.main-picture{
	position: relative;
}
.hp-nav{
	position: absolute;
	z-index: 10;
	background: rgba(172, 77, 223, 0.7);
	
	width: 262px;
	padding-top: 19px;
}
.hp-nav li{
	color: #fff;
	font-size: 1.1em;
	
	list-style-type: none;
	line-height: 46px;
	margin-left: -69px;
	height: 46px;
	text-transform: uppercase;
	letter-spacing: .1em;
}
.hp-nav li:first-child{
	color: #000;
	text-decoration: none;
	display: block;
	background: url(images/nav-bg.png) no-repeat;
	height: 46px;
	width: 298px;
	font-size: 1.5em;
	line-height: 2.1em;
	letter-spacing: 0;
}
.shop-txt{
	padding-left: 45px;
}
.hp-nav a{
	padding-left: 45px;
	color: #fff;
	text-decoration: none;
	display: block;
}
.hp-nav li:hover{
	background: url(images/nav-bg.png) no-repeat;
	height: 46px;
	width: 298px;
}
.hp-nav li a:hover{
	color: #000;
	font-style: italic;
}
.main-picture{
	margin-top: 55px;
	height: 351px;
	background: cover;
}
.main-text-box{
	text-align: center;
	margin-top: 20px;
}
.small-tagline{
	font-size: 1.2em;
}
.main-tagline{
	font-size: 2.5em;
/*	font-weight: bold;*/
	text-transform: uppercase;
	font-family: 'Archivo Narrow', sans-serif;
	padding: 10px 0 10px 0;
}
.hp-txt-box{
	font-size: 1.2em;
	padding: 0 20px 0 20px;
	margin-bottom: 27px;
}
.homepage #page{
	max-width: none;
	margin: auto;
}
.banner-rotator {
    position: relative;
	height: 351px;
}
.banner {
	display: block;
	height: 351px;
	width: calc(100% - 262px);
	margin-left: 262px;
	background: no-repeat top right;
	background-size: cover;
}
#page{
	max-width: 1200px;
	margin: auto;
}
#product{
	max-width: 1000px;
	margin: auto;
}
.prod-sub{
	margin-top: 10px;
}
#footer-wrapper{
	clear: both;
	background: #AC4DDF;
}
#footer {
	padding: 30px 0;
	color: #fff;
	background: #AC4DDF;
	max-width: 1200px;
	margin: auto;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer .footer-title {
	font-weight: bold;
}

#footer ul {
	position: relative;
	padding: 20px 0;
	list-style-type: none;
}
#footer2-wrapper{
	background: #AC4DDF;
}
#footer2 {
	max-width: 1200px;
	margin: auto;
	padding: 20px 0;
	color: #fff;
	font-size: .8em;
	background: #AC4DDF;
}

.checkout #footer2 {
	background: #AC4DDF;
}

#footer2 a {
	color: #fff;
}

#footer2 a:hover {
	color: #fff;
}
	/*socials*/
.social.knot {
    background: #a7d2f3;
}
knot-f:before, .fa-knot:before {
    content:  "\f004";
}

.social.ww {
    background: #19b5bc;
}
ww-f:before, .fa-ww:before {
    content:   "\f1e7";
}


 .social.linkedin {
	background:#0077b5;
}
.fa-linkedin-f:before, .fa-linkedin:before {
    content:  "\f0e1";
}	

.blog-icon {
    background: #f60;
}
.fa-rss:before {
    content: "\f09e";
}



fa fa-recycle
.fa fa-recycle-f:before, .fa-blog:before {
    content: "\1b8";
}
.social.recycle {
    background:#166a18;
}

.fa fa-recycle-f:before, .fa-recycle:before {
    content: "\f1b8";
	}
	
.social.tumblr-square {
	background:#069;
}
.fa fa-tumblr-square {
	content: "\f174";}
	
	.social.flickr {
	background:#CCC;
	
}
.fa fa-flickr {
	content: "\f16e";}
		
.social.vimeo {
	background:#09F;
}
.fa fa-vimeo-f:before, .fa-vimeo:before {
	content:"\f194";}
	

@media screen and (max-width: 991px)
{
	#logo {
	    font-size: 2em;
	}

	.banner,
	.main-picture,
	.banner-rotator {
		height: 40vw;
	}
}

@media screen and (max-width: 1200px)
{
	.hp-nav{
		display: none;
	}

	.banner {
		width: 100%;
		margin: 0;
		background-position: center;
		background-size: contain;
	}
}

@media screen and (min-width: 768px)
{
	/*.logo-container{
		margin-top: -80px;
	}*/
	#website-controls {
		margin-top: 15px;
	}

	#navigation li:hover {
		background: #bdb4be;
	}

	#navigation li.lv-1{
		border-right: 1px solid #BBB;
	}

	#navigation {
		width: auto;
	}

	#search {
		margin-left: -15px;
		margin-right: -15px;
	}
	.main-picture {
    
	height: 351px;
}
}

@media (min-width: 768px) and (max-width: 1024px)
{
	.logo-container{
		margin-top: -80px;
	}	
}

@media screen and (max-width: 767px)
{
	#logo {
		font-size: 2.1em;
	}

	#footer2 {
		font-size: .65em;
	}

	#navigation {
		padding: 0;
	}

	#navigation ul{
		float: none;
	}
	#logo{
		margin: 10px auto auto;
	}
	#address{
		text-align: center;
		background: #AC4DDF;
		color: #fff;
		font-weight: bold;
		font-size: 1.2em;
		margin-top: -5px;
		padding: 5px;
	}
	.main-picture{
		margin-top: 20px;
	}
	#header-wrapper{
		background: none;
	}
	#wrapper{
		height: auto;
	}
	.hp-txt-box{
		font-size: 1em;
	}
	.main-tagline{
		font-size: 2em;
	}
}

@media screen and (max-width: 414px)
{
.main-picture {
 
    height: 100px;
	}
	#address {
	/*	display: flex;*/
		    font-weight: normal;
    font-size: 1em;
	}
	.logo-container {
		margin: 0 auto;
	}
	
}

@media (min-width: 767px){
	.email-subscription-form {
		max-width: none;
	}

	.email-subscription-form br {
		display: none;
	}

	.email-subscription-form h4 {
		float: left;
		width: 180px;
		padding-right: 20px;
	}

	.email-subscription-form input[type="email"] {
		float: left;
		height: 44px;
		width: calc(100% - 360px);
		max-width: 300px;
		border-right: none;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}

	.email-subscription-form input[type="submit"] {
		height: 44px;
		width: 180px;
		border-left: none;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}