/*-----------------------------------------------------------------------------
 WIDE
-----------------------------------------------------------------------------*/

@media only screen and (min-width: 768px) {
	
	#header{
		position: fixed;
		max-width: 105%;
		clear: both;
																							width:105%; 
																							margin: -36px 0 1px -14px; 
		overflow-x: hidden;
		overflow: visible;
		padding: 6px 0 0 0; /*15px 1px 10px;*/
		border:0px solid #dddddd;
		border-width:0 0 0px 0;
		background: #FFFFFF;/*#ccffff*/
		/*box-shadow: 0px 12px 10px -10px #eeeeee;
		-webkit-box-shadow: 0px 9px 15px -7px #eeeeee;*/
		z-index: 100;
		height: 70px;
	}
	
	#top_banner{
		text-align: center;
		color: pink;
		background: transparent; /*fe4164  ffb3de*/
		padding: 4px;
		height: 36px;
		position: relative;
		width: 100%;
				max-width:100%;
				z-index: 100;
		/* font-family: 'Open Sans', sans-serif;   */
		/*   font-family: 'Roboto', sans-serif;   */
		/*   font-family: 'Lato', sans-serif;   */
	/*	font-family: 'Questrial', sans-serif;*/
	        font-family: "Nunito,", sans-serif;

		}
/*
#top_banner_text{
  margin-bottom: -17px;
	position: absolute;
}
*/
#heady{
																		background: #FFFFFF;
		padding: 19px;
		height: 30px;
		position: relative;
		width: 100%;
				max-width:100%;
				z-index: 100;
		/* font-family: 'Open Sans', sans-serif;   */
		/*   font-family: 'Roboto', sans-serif;   */
		/*   font-family: 'Lato', sans-serif;   */
	/*	font-family: 'Questrial', sans-serif;*/
	        font-family: "Nunito,", sans-serif;
		border:1px solid #000000;
			border-width:0 0 0px 0;
			box-shadow: 0px 12px 10px -10px #dddddd;
			-webkit-box-shadow: 0px 9px 15px -7px #dddddd;
			-webkit-text-stroke: 0.25px black;
		}
			
	#invitation-story-logo{
		background: transparent;
		padding: 1px;
		height: 50px;
		width: 100%;
		max-width:209px; /* February 15, 2021 */
		font-family: "Nunito,", sans-serif;
		font-size: 24px;
		font-variant: small-caps;
    margin: -9px 1px 1px 5%; /* February 15, 2021 */
	}
  
  #logo_img{
   
		height: auto;
		width: 60%;

  }	
	#wide_menu{
		/*background: #FFFFFF;*/
		height: 100%;
		max-height: 100px;
		float: right;
		position: relative;
		width: 100%;
																max-width:550px; /*October 21, 2020*/
		top: -52px;
	}
	
	.main-navigation{
		font-size: 13px;
		letter-spacing: 1px;
	}
	
	#wide_menu ul {
		list-style: none;
		padding: 0;
		margin: 0;
		letter-spacing: 1px;
		/*background: #FFFFFF;*/
	}
	
	ul.main-navigation li {
		display: block;
		position: relative;
		float: left;
		/*background: #FFFFFF;*/
		border-radius: 3px;
		/*left: 300px; THIS IS BAD!!!!! */
	}
	
	.main-navigation li ul {
		display: none;
		width: 175px;
		border-radius: 3px;
	}
	/*li #shop_now { 
					background: #FFFFFF; 
	}  
			*/
			
	#wide_menu ul li a {
		display: block;
		padding: 1em;
		text-decoration: none;
		white-space: nowrap;
		color: #000000;
		/*background: #FFFFFF;*/
		border-radius: 3px;
	}
	
	
	.main-navigation ul {
		box-shadow: 0px 12px 10px -10px #999999;
			-webkit-box-shadow: 0px 9px 15px -7px #999999;
	}
	
	#wide_menu li:hover > ul {
		display: block;
		position: absolute;
		z-index: 10;
	}
	
	#wide_menu li:hover li { float: none; }
	
	#wide_menu li:hover a { background: #FFFFFF; color:#777777; z-index:10; }
	#wide_menu li:hover a:active {color:#FFFFFF; }
	
	#wide_menu li:hover li a:hover { background: #eeeeee;color:#cccccc; }
	
	#wide_menu li:active li a:active { background: #eeeeee;color:#FFFFFF; }
	
	
	#wide_menu ul.sub-menu {
    display: none;
    position: absolute; /* Ensures the sub-menu floats over other content */
    left: -100%; /* Positions the sub-menu to the right of its parent menu item */
    top: 0;
    z-index: 10;
    /* Optional: Add styling for your sub-menu appearance */
    background-color: #FFFFFF;
    padding: 0px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
}
	
	.main-navigation li ul li{
		border-top: 130px;
		z-index:10;
	}
	
	#wide_menu ul ul ul {
			left: 100%;
			top: 0;
			z-index: 10;
	}
	
	ul:after { clear: both; z-index:10;}
	
	#shop_menu li:hover a {transition: 0.3s; }
	#about_us_menu li:hover a {transition: 0.3s; }
	#account_header_menu li:hover a {transition: 0.3s; }
	
	#responsive_cart{
		display: block;
		position: relative;
		float: right;
		margin-right: 10px; 
	}
	
	#header_logo_link{
		color: #000000;
	}
	
	#pub_closebtn{
	float: right;
	}

	#nav_bars{
		display: none;
	}
	#responsive_cart{
		display: none;
	}
	
/*-----------------------------
FOOTER
-------------------------------*/
	#pusher{
		margin: 10px 0 10px 0;
		height: 400px;
	}
	
	#footer {
			margin: 0;
			width: 100%;
			max-width: 100%;
			height: 410px;
			background-color: #000000;
			color: #FFFFFF;
			clear: both;
			display: inline-block;
			padding: 0;
			position: relative;
			margin: 0 0 -1px 0;
	}
		
}

.main_container{
	margin: 100px auto 0px -7px;
	background: #FFFFFF;
	height: 100%;
	width: 100%;
	position: relative;
}
	
#universal_notice{
	margin: 10px auto 9px auto;
	height: 21px;
	width: 100%;
	padding: 5px 0 1px 0;
	text-align: center;
	font-size: 13px;
	text-decoration: underline;
	text-decoration-color: red;
}


/*-------------------------------------------------------------------------------------------------------
NARROW
--------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .main-navigation{
		display: none;
	}
	
#wide_menu{
	display: none;
}
#header{
	position: fixed;
	height: 30px;
	max-width: 100%;
	clear: both;
	width:100%;
	margin: -36px auto 1px -7px;
	overflow-x: visible;
	overflow: visible;
	padding: 6px 0 0 0; /*15px 1px 10px;*/
	border:0px solid #dddddd;
	border-width:0 0 0px 0;
	background: transparent;
	box-shadow: 0px 12px 10px -10px #eeeeee;
	-webkit-box-shadow: 0px 9px 15px -7px #eeeeee;
	z-index: 100;
	height: 31px;
}

#heady{
	background: #FFFFFF;
	padding: 19px 30px 19px 19px;
	height: 27px;
	position: relative;
	width: 100%;
		max-width:100%;
		z-index: 100;
	/* font-family: 'Open Sans', sans-serif;   */
	/*   font-family: 'Roboto', sans-serif;   */
	/*   font-family: 'Lato', sans-serif;   */
	/*font-family: 'Questrial', sans-serif;*/
	        font-family: "Nunito,", sans-serif;
	border:1px solid #000000;
	 border-width:0 0 0px 0;
	 box-shadow: 0px 12px 10px -10px #dddddd;
	 -webkit-box-shadow: 0px 9px 15px -7px #dddddd;
}
	#invitation-story-logo{
		padding: 9px;
		height: 14px;
		width: 100%;
		max-width:149px;
		font-family: "Nunito,", sans-serif;
		font-size: 34px;
		font-variant: small-caps;
		position: absolute;
		color: #000000;
		margin-top: -10px;
	}
	#nav_bars{
		display: block;
		position: relative;
		float: right;
		margin: 3px 30px 3px 2px; 
	}
	#responsive_cart{
		display: block;
		position: relative;
		float: right;
		margin-right: 10px; 
	}
	
	
		#invitation-story-logo{

    margin: -12px 1px 1px 2%; /* February 15, 2021 */
	}
	
	  #logo_img{
   
		height: auto;
		width: 65%;

  }	
/*-----------------------------
FOOTER
-------------------------------*/
#pusher{
	margin: 10px 0 10px 0;
	height: 700px;
}
#footer {
		margin: 0;
		width: 100%;
		max-width: 100%;
		height: 1000px;
		background-color: #000000;
		color: white;
		clear: both;
		display: inline-block;
		padding: 0;
		position: relative;
		margin: 0 0px -10px 0px;
	}	
}

/*-----Responsive Overlay---*/

#pub_overlay{
	height: 100%;
	width: 0;
	position: fixed;
	 z-index: 1000;
	top: 0;
	right: 0;
	background-color:#3e50ac; /*#5973F7; 32d7da*/
	overflow-x: hidden;
	transition: 0.3s;
	-khtml-opacity:.95; 
	-moz-opacity:.95; 
	-ms-filter:Óalpha(opacity=95)Ó;
	 filter:alpha(opacity=95);
	 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.95);
	 opacity:.95; 
}

#pub_closebtn{
	float: right;
	margin: 24px 21px 10px 1px;
	font-size: 14px;
	color: #FFFFFF;
	 font-family: "Nunito,", sans-serif;
}

#mobile_menu{
	max-width: 80%;
	height: 100%;
	margin: 0 auto;
	padding-top: 100px;
	text-align: left;
	/*font-family: 'Questrial', sans-serif;*/
	        font-family: "Nunito,", sans-serif;
	font-size: 27px;
}

#mobile_menu a:link{
	color: #FFFFFF;
}

#mobile_menu a:visited{
	color: #FFFFFF;
}

#top_banner_text{
  margin:1px auto 0 auto;
  width: 90%;
	font-size: 13px;
	letter-spacing: 1px;
	padding: 1px 0 0px 0;
	letter-spacing: 2px;
	position: relative;
	font-family: "Nunito,", sans-serif;
}

#top_banner {
	/*background: #ffa9df; /*PINKS:  ffb3de ffa9df --- VERY LIGHT:fff0f2  fff7f8---  DIRTY LIGHT: ffbcd9 -- NEON ff35ad   --  DARKERS  f9429e ff69b4 f54aaa ff5cb8*/
	text-align: center;
	color: #FFFFFF;
	width: 100%;
	position: relative;
	max-width:100%;
	z-index: 100;
	padding: 1px 6px 1px 0;
	-webkit-animation: display-none-transition 1s both;
	animation: display-none-transition 1s both;
height: 21px;
background: linear-gradient(40deg, #5973f7, #69def9, #5973f7,  #94e9f7, #5973f7, #94e9f7); /*#fff7f8, #ffbcd9, #ffa9df  --- #ffa9df, #ab82ff, #f9429e --- #ffb3de, #bb9bff, #ffb3de ---  #ffb3de, #b38eff, #ffb3de*/
}
@-webkit-keyframes display-none-transition {
  0% {
    opacity: 0;
  }
}
@keyframes display-none-transition {
  0% {
    opacity: 0;
  }
}