@charset "utf-8";
/* CSS Document */





/* ///////////////// UPPER OPTIONS /////////////// */

.wednav {
	width:100%;
	overflow:hidden;
}
.wednavbox {
	width:24.8%;
	height:275px;
	float: left;
	position:relative;
}
.wednavbox:last-of-type {
	border:none;
}
.wednavinner {
	margin:25px 0 0 0;
	width:100%;
	height:100%;
	border-right:solid #333 thin;
}
.wednavinner p {
	padding:0 3%;
	line-height: 150%;
}
.wednavinner-last {
	border:none;
}

.webnavtitle {
	background-color:#e14984;	
    background: -webkit-gradient(linear, left top, right bottom, color-stop(.6, #e14984), color-stop(1, #e693ac))!important;
    background: -o-linear-gradient(right, #e14984 60%, #e693ac 100%)!important;
    background: -moz-linear-gradient(right, #e14984 60%, #e693ac 100%)!important;
    background: -webkit-linear-gradient(right, #e14984 60%, #e693ac 100%)!important;
    background: -ms-linear-gradient(right, #e14984 60%, #e693ac 100%)!important;
    background: linear-gradient(to right, #e14984 60%, #e693ac 100%) !important;
	height: 46px;
	width:100%;
	margin-top:6px;
	margin-bottom:6px;
	padding:0;
}
.webnavtitle a {
	padding: 0 0 0 45px;
/*	font-family: var(--font-heading-family);*/
	font-size:28px;
	color:#FFFFFF !important;
	text-decoration: none
}
.webnavtitle-first{
	padding-left:25px !important;
}
.wednavarrow {
	position:absolute;
	top:0;
	left:0;
	height:70px;
	width:34px;
}

.wednavarrow-last {
	display:inherit;
}

.wedstep {
	display:none;
}


.wedbutton {
	position:absolute;
	bottom:0;
	height:50px;
	width:100%;
	padding:0;
	margin:0;
}
.wedbutton div {
	margin:auto;
	display:block;
	line-height:2;
	padding: 0 2%;
	max-width:200px;
}

.wedbutton div a {
	font-size:24px;
	color:#FFFFFF;
	margin: 0 5px;
	border-radius: 4px;
	height:50px;
	text-align:center;
	display:block;
	background-color:#8a54a8;
	text-decoration: none;
}

.wedbutton div a:visited {
	background-color:#8a54a8;
	text-decoration:none;
}
.wedbutton div a:hover {
	background-color:#e14984;
	text-decoration:none;
}



	
	



/* ///////////////// LOWER OPTIONS /////////////// */


.wedbook {
	width:100%;
	overflow:hidden;
}
.wedbookbox {
	position:relative;
	text-align:left;
	margin: 20px 6% 50px 6%;
	padding:0 0 85px 0;
	border: 1px #e14984 solid;
	border-radius: 4px;
}

.wedbookinner {
	margin:25px 0 0 0;

}
.wedbookinner p {
	padding:0 3%;
}


.wedbooktitle {
	background:#e14984 !important;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding:10px 3% 12px 3%;
/*	font-family:"Raleway","Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;*/
	font-size:28px;
	color:#FFFFFF !important;
}
.wedbooktitle span {
	margin: 0;
}


.wedbookbutton {
	position:absolute;
	bottom:0;
	right:10px;
/*	height:50px;*/
	
	margin-bottom:20px;
	display:block;
	
}
.wedbookbutton div{
	display:block;
	padding: 0 2%;
	width:350px;
	
}

.wedbookbutton div a, .wedbookbutton div span {
/*	font-family: "Raleway","Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;*/
	font-size:24px;
	color:#FFFFFF;
	margin: 0 5px;
	border-radius: 4px;
	/*min-height:50px;*/
	text-align:center;
	display:block;
	background-color:#8a54a8;
	padding: 3% 3% 4% 3%;
}

.wedbookbutton div a:visited {
	background-color:#8a54a8;
	text-decoration:none;
}
.wedbookbutton div a:hover {
	background-color:#e14984;
	text-decoration:none;
}


/*
WEDDING FORM
*/
.wedformbox {
	border:#eaeaea solid 1px; 
	padding: 15px; 
	border-radius:5px;
}

.wedformboxhead {
	font-size:18px; 
	padding: 0 0 5px 0;
	color:#8a54a8;
}
.wedformboxsubhead {
	font-size:18px; 
	padding: 0 0 5px 0;
	color:#e14984;
	border-bottom:#e14984 solid 1px; 
}


.frm_opt_container.sms-form div {
	line-height:100% !important;
}

	


@media (max-width: 680px) {

.wednavbox:last-of-type {
	border: 1px #e14984 solid;
}
.wednavbox {
	width:84%;
	height:225px;
	position:relative;
	text-align:center;
	margin: 20px 7%;
	padding:0;
	border: 1px #e14984 solid;
	border-radius: 4px;
}	
.wednavinner {
	border:none;
}

.wednavarrow {
	display:none;
}

.wedstep {
	display:inherit;
}
.wednavarrow-last {
	display:none;
}

.webnavtitle {
	background:#e14984 !important;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	margin-top:0px;
}
.webnavtitle a, .webnavtitle-first {
	padding:0 !important;
}

.wedbutton {
	bottom:20px;
}

}	

	
	
	
/* MMMMMMM WEDDING AWARDS MMMMMMM  */

	.awardsgrid {
		display: grid;
	grid-row-gap: 2px;
	grid-column-gap: 2px;
	grid-template-rows: auto auto;
	/*grid-template-columns: repeat(auto-fit, minmax( 25px, 1fr));*/
	grid-template-columns: repeat(14, 1fr);
		
	}
	.awardsgrid img {
		height: auto;
		width: 100%;
	}

	@media (max-width: 975px) {
	.awardsgrid {
	grid-template-rows: auto auto;
	/*grid-template-columns: repeat(auto-fit, minmax( 25px, 1fr));*/
	grid-template-columns: repeat(7, 1fr);
	padding: 1px 0px;
	
	}
	}

@media (max-width: 750px) {
	.awardsgrid {
	grid-template-rows: auto auto auto;
	/*grid-template-columns: repeat(auto-fit, minmax( 25px, 1fr));*/
	grid-template-columns: repeat(5, 1fr);
	padding: 1px 0px;
	
	}
	}
	
	@media (max-width: 400px) {
	.awardsgrid {
	grid-template-rows: auto auto auto auto;
	/*grid-template-columns: repeat(auto-fit, minmax( 25px, 1fr));*/
	grid-template-columns: repeat(4, 1fr);
	padding: 1px 0px;
	
	}
	}
	
	

	
	

/****************************************
* PRODUCT GRID
*****************************************/

	/****** TABS  *********/
	
/*
.product-select {
	display: grid;
	grid-row-gap: 0;
	grid-column-gap: 0;
	grid-template-rows: 1fr;
	grid-template-columns: 175px 175px;
  overflow: hidden;
	}
*/

.product-select {
	display: -ms-grid;
	display: grid;
	grid-row-gap: 0;
	grid-column-gap: 0;
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
	-ms-grid-columns: 200px 200px 200px;
	grid-template-columns: 200px 200px 200px;
  overflow: hidden;
	}.product-select > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	}.product-select > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
	
	}

.selecttab, .selecttab2 {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 5px 16px;
  transition: 0.3s;
	 background-color: #e14984;
	color: #fff;
	font-family: "Raleway","Lucida Grande","Lucida Sans Unicode",Arial, Helvetica, sans-serif;
	font-size: 18px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-right: 3px solid #fff;
	text-align: center;

	
	
	display: -ms-grid;
	display: grid;
	grid-row-gap: 0;
	grid-column-gap: 0;
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
	-ms-grid-columns:1fr;
	grid-template-columns: 1fr;
  	overflow: hidden;
	
	}
	.product-select > *:nth-child(1), .product-select > *:nth-child(2),.product-select > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	justify-items: center;
		align-items: center;
	}	
	
	.selecttab:last-child, .selecttab2:last-child {
	border-right: none;
	}
	
.selecttabspace {
	background-color: #fff;
	}
	
.selecttab.active, .selecttab2.active {
  background-color:#8a54a8;
}
.selecttab:hover, .selecttab2:hover {
  background-color:#8a54a8;
}

.talltab { padding: 13px 16px;}

.tabtext {
	display: grid;
	align-items: center;
	grid-template-columns: 1fr 3fr;
	grid-template-rows: 1fr;
	grid-column-gap: 10px;
	text-align: left;	
	}	
	
@media( max-width: 500px) {	
.tabtext {
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr;
	justify-items: center;
	text-align: center;	
	}
.talltab { padding: 13px 8px;}	
	}
	
/****** FLAVOR CONTENT  *********/

	
/*

.productgrid {
	display: grid;
	grid-row-gap: 30px;
	grid-column-gap: 20px;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(auto-fill, minmax( 230px, 1fr));
	text-align: center;
	border-top:1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	padding: 20px 0;
	margin: 0 0 0 0;

}
*/

.productgrid {
	display: -ms-grid;
	display: grid;
	grid-row-gap: 30px;
	grid-column-gap: 10px;
	-ms-grid-rows: 1fr;
	grid-template-rows: 1fr;
	grid-template-columns: repeat(auto-fill, minmax( 175px, 1fr));
	text-align: center;
	border-top: 1px solid #D1D1D1;
	border-bottom:1px solid #D1D1D1;
	padding: 20px 0;
	margin: 0 0 0 0;

}

.productgridtabs, .productgridtabs2 {
	border-top: 6px solid #8a54a8!important;
	}
	
/*
.productitem {
		display: grid;
		grid-row-gap: 2px;
		grid-column-gap: 20px;
		grid-template-columns: 1fr;
		grid-template-rows: auto 1fr auto auto;
		justify-content:center;
	}
*/
.productitem {
		display: -ms-grid;
		display: grid;
		grid-row-gap: 2px;
		grid-column-gap: 20px;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: auto 2px 1fr 2px auto 2px auto;
		grid-template-rows: auto 1fr auto auto;
		-webkit-box-pack:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}.productitem > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}.productitem > *:nth-child(2) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}.productitem > *:nth-child(3) {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}.productitem > *:nth-child(4) {
		-ms-grid-row: 7;
		-ms-grid-column: 1;
	}

	.productrowflavor {
		display: grid;
		/* grid-column: span 4 / -1; */
		grid-column:  1 / -1 ;
		grid-row-gap: 2px;
		grid-column-gap: 20px;
		grid-template-columns: 1fr;
		grid-template-rows:  1fr;
		text-align: left;
		background-color: #8a54a8;
		border-radius: 5px;
	}
	.productrowflavor h2 {
		margin: 15px 40px; 
		color: #fff;
		
	}
@media (max-width: 500px) {
	.productrowflavor h2 {
      margin: 15px 10px;
      text-align: center;
    }	
	}
	
	
	
	
	
	
	
	
	
	
	
	
	

	
/*
.prodbuttons {
		display: grid;
		grid-row-gap: 2px;
		grid-column-gap: 0;
		grid-template-columns: 1fr;
		grid-template-rows: auto auto auto;
	width: 100%;
	justify-items:center;
	}
*/
.prodbuttons {
		display: -ms-grid;
		display: grid;
		grid-row-gap: 2px;
		grid-column-gap: 0;
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: auto 2px auto 2px auto;
		grid-template-rows: auto auto auto;
		font-size: 16px;
	width: 100%;
	justify-items:center;
	}.prodbuttons > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}.prodbuttons > *:nth-child(2) {
		-ms-grid-row: 3;
		-ms-grid-column: 1;
	}.prodbuttons > *:nth-child(3) {
		-ms-grid-row: 5;
		-ms-grid-column: 1;
	}



	.prodimage {
		position: relative;
	}

.logooverlay {
	position:absolute; 
	bottom: 7px; 
	right: 0;
	left: 0;
	margin: 20px auto;
	}	
.poplogooverlay {
	position:absolute; 
	top: 0;
	right:0;
	}
	
	.prodimage img {
		width: 100%;
		height: auto;
		max-width: 300px;	
	}
	
	.prodtitle, .proddescrip {
		padding: 5px 5px; 		
	}

	.proddescrip {
		font-size: 80%;	
	}
	
	.prodbuttons div, .prodbuttons a {
		color:#FFFFFF!important;
		padding: 8px 6px;
		text-decoration: none;
		width: 95%;
		max-width: 275px;
		border-radius: 3px;
	}
	
	.subprodtitle {
	background-color:#8a54a8;
	}
	.subprod1, .subprod2 {
	background-color:#e14984;
	}
	.subprod1:hover, .subprod2:hover {
	background-color:#8a54a8;
	text-decoration: none;
	}



@media( max-width: 680px) {	
	.product-select {
	grid-template-columns: 1fr 1fr 1fr;

	}
	}
	
@media( max-width: 510px) {

	.productitem {
		/*grid-template-columns:70%;*/
		
	}
	.productgrid {
	grid-template-columns: 1fr 1fr;
	grid-row-gap: 10px;
	grid-column-gap: 10px;

	}
.product-select {
	grid-template-columns: 1fr 1fr 1fr;

	}
.buynow {
	padding:3px 5px; 
}

	.productrowflavor {
		grid-column: span 2 / -1;
}
}
@media( max-width: 350px) {

	.productitem {
		grid-template-columns:90%;
	}

}
	
	
	

/* FLAVOR TABLES */
/* FLAVOR TABLES */
/* FLAVOR TABLES */
/* FLAVOR TABLES */


	.gridtable {
		display: grid;
		grid-row-gap: 0px;
		grid-column-gap:0px; 
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr;
		border-top:#ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}
	.gridtablerow {
		padding: 5px 3px 5px 8px;
	}
	.gridtablerow:nth-child(4n), .gridtablerow:nth-child(4n-1) { 
		background-color: #fff;	
	}
	.gridtablerow:nth-child(4n-3), .gridtablerow:nth-child(4n-2) { 
		background-color: #F2F2F2;		
	}	


	@media( max-width: 550px) {
	.gridtable {
		grid-template-columns: 1fr  ;
		grid-template-rows: 1fr;
	}
	.gridtablerow:nth-child(odd) { 
		background-color: #F2F2F2;	
		}
	.gridtablerow:nth-child(even) { 
		background-color: #fff;	
		}
	}

	.gridtablerowsubhead, .gridtablerowsubnote {
		grid-column: 1/-1;
		padding: 15px 3px 5px 8px;
		/*border-bottom: #8a54a8 solid 1px*/
	}




.gridtablelong {
		display: grid;
		grid-row-gap: 0px;
		grid-column-gap:0px; 
		grid-template-columns: 1fr;
		grid-template-rows: 1fr;
		border-top:#ccc solid 1px;
		border-bottom: #ccc solid 1px;
	}

.gridtablelong .gridtablerow:nth-child(even) { 
		background-color: #fff;	
	}
	.gridtablelong .gridtablerow:nth-child(odd) { 
		background-color: #F2F2F2;		
	}	

	
	@media( max-width: 560px) {
	.gridtablerow {
		line-height: 30px;
	}
	}

.icon-grid {
		display: grid;
		grid-row-gap: 0px;
		grid-column-gap:0px; 
		grid-template-columns: 110px 1fr;
		grid-template-rows: 1fr;
		padding-bottom: 30px;
		}	
	.icon-grid p {margin-top: 3px; }	
	.iconctr {
	padding-bottom: 10px;
		}
	
	@media( max-width: 330px) {
	.icon-grid {
		grid-template-columns: 1fr;
		grid-template-rows: 100px 1fr ;
		}	
		.icontop {
			display: grid;
			justify-content: center;
		}
		.iconctr {
			text-align: center;
		}
	}

	
	

	


.help a, .help a:visited {
	display:block;
	border-radius: 4px;
	padding: 25px 0;
	width:100%;
	text-align:center;
	margin: 50px 0 15px 0;
	background-color:#e14984;
	text-decoration: none;
	color: #fff;
}
.help a:hover {
	background-color: #8a54a8;
	color: #fff;
	text-decoration: none;
	}


/* FULL WIDTH
.help {
	display:block;
	padding: 45px 25px;
	width:100%;
	text-align:center;
	margin: 15px 35px 15px -25px;
	background-color:#e14984;
}*/

.help h1 { 
	margin:0;
	color: #FFF;
}
.help h2 { 
	margin:0;
	color: #FFF;
}

.help p { 
	margin:10px 0;
}
.help p, .help p a {
	color: #FFF;
}
.help p a {
	text-decoration:underline;
}
.helppurple {
	background-color:#8a54a8!important;
}

	
	

.comques {
	display:block;
	border: #8a54a8 solid 1px;
    border-left:#8a54a8 solid 15px;
	background-color:#f6eefa; 
	border-radius: 4px;
	padding: 8px 8px 20px 0;
	margin-top: 70px;
}
.comques div { 
	margin:10px 0 0 30px;
	font-size:24px;
	color:#8a54a8;
	font-weight:bold;
	/*border-bottom: #8a54a8 solid 1px;*/
}
.comques div a, .comques div a:link, .comques div a:hover, .comques div a:visited {
	color:#8a54a8 !important;
	font-size:24px !important;
	text-decoration:none;
	
}
.comques div a:hover {
	text-decoration:underline;
}
	
		
	
.comques ul {
	line-height: 16px;
	margin-left: -10px;
	
}
.comques ul li {
	margin-left: 1px;
	padding: 5px 0;
	list-style:none;
	font-weight: bold;
	color:#8a54a8;

}
.comques ul li ul {
	margin-left: -20px;
}
.comques ul li ul li {
	margin-left: 1px;
	padding: 5px 0;
	font-weight:normal;
}

.compink {
	background-image:url(images/help-vbarpink.png);
	border: #e14984 solid 1px;
}
.compink h2, .compink ul li { 
	color:#e14984;
}


/*HIDE SHOW COM QUES*/

.combutton {
	padding-left:30px;
	padding-top:10px;
}
.combutton a {
	background-color:#8a54a8;
	padding: 8px 16px;
	color:#FFFFFF;
	border-radius: 4px;
	cursor: pointer;
}
.combutton a:visited {
	color:#FFFFFF;
}
.combutton a:hover {
	color:#FFFFFF;
	text-decoration:none;
	background-color:#e14984;

}

.com1content,.com2content,.com3content,.com4content {
	display:none;
	padding-left:30px;
}
.hidecom1,.hidecom2,.hidecom3,.hidecom4 {
	padding-left:30px;
}
	

/* ///////////////// WEDDING PAGE /////////////// */



.step {
	display:block; 
	border-radius: 4px; 
	padding: 10px 25px 5px 30px;
	background-color:#8a54a8; 
	color:#ffffff; 
	margin: 40px 0 40px 0;
	min-height:55px;
}
	
.steplrg {
	display:block; 
	border-radius: 4px; 
	padding: 30px 5px 25px 30px;
	background-color:#8a54a8; 
	color:#ffffff; 
	margin: 110px 0 40px 0;
	min-height:55px;
}	
	

.stepheader {
	margin: 0px -2% 20px -2%;
}
	
.custlove {
	display:grid;
	background-color:#fbeef3; 
	margin:40px 0 0 0;
	grid-row-gap: 0px;
	grid-column-gap: 4px;
	grid-template-rows: auto 1fr;
	grid-template-columns: 1fr;	
}
	
.custlove-head	 {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;	
	background-color: #e14984;
	}
.custlove-body {
	border: #e14984 solid 1px;
	border-bottom: #e14984 solid 1px;
	border-right: #e14984 solid 1px;
	border-left: #e14984 solid 1px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding:0 15px 15px 15px;
	color: #e14984;
	}
.custlove-head h3 { 
	margin:10px 0 10px 30px;
	color:#ffffff;
	font-size:24px;
}
	
	
	.wedphotos	{
		
	display:grid;
	grid-row-gap: 4px;
	grid-column-gap: 4px;
	grid-template-rows: 1fr;
	grid-template-columns: 1fr 1fr 1fr 1fr;
/*	grid-template-columns: repeat(auto-fill, minmax(1fr, 265px));*/
	}
	.wedphotos img {
		max-width: 265px;
		width: 100%;
	}
	
@media( max-width: 560px) {	
	.wedphotos	{
	grid-template-rows: 1fr 1fr;
	grid-template-columns: 1fr 1fr;	
	}
	
	}


.imgcertdel4 {
  float: right;
  width: 35%;
  padding-left: 20px;
}


.buynow, .buynow:visited {
	border-radius: 4px; 
	margin: 0px; 
	align-content: center;
	background-color:#8a54a8; 
	color:#FFF !important; 
	font-size:14px;
	/*white-space: nowrap;*/
	display: grid;
	text-decoration: none;
  width: 100%;
}
.buynow:active, .buynow:hover {
	background-color:#e14984;
	text-decoration: none;
}

.indent {
	/*margin-LEFT: 15px;*/
	border: dashed 1px #8a54a8;
	padding: 15px;
	border-radius: 5px;
}	
	
	
	.drts-contain{
		display:grid;
		grid-row-gap: 65px;
		grid-column-gap: 25px;
		grid-template-rows: 1fr;
		grid-template-columns: repeat(auto-fit, minmax( 250px, 1fr));
		/*grid-template-columns: repeat(13, 1fr);*/
		padding-bottom: 20px;
		
	}	
	.drts-item {
		display:grid;
		grid-row-gap: 5px;
		grid-column-gap: 5px;
		grid-template-rows: auto 50px 35px 1fr 50px;	
		grid-template-columns: 1fr;
		/*align-items: center; */
		justify-items: center;
	}
	.drts-item:hover {
		text-decoration: none;
	}
	.drts-item div {
		display:grid;
		justify-content: center;
	}
	.drts-img {
		width: 100%;
		max-width: 300px;
		height: auto;
		border-radius: 4px;
	}
	.drts-title {
		font-size: 110%;
		padding-top: 15px;
	}
	.drts-title h2, .drts-qty h3 {
		padding: 0;
		margin: 0;
	}
	.drts-qty {
		font-size: 110%;
		color: #8a54a8;
		font-style: italic;
		align-content: center;
	}
	.drts-body {
		justify-content: left;
		align-content: top;
	}
	.drts-btn-out {
		padding-top: 8px;
	}
	.drts-btn {
		padding: 5px 40px;
		background-color: #8a54a8;
		color: #ffffff;
		border-radius: 4px;
		height: fit-content;
	}
	.drts-btn:hover {
		background-color: #e14984
	}

	.drts-photos {
		grid-template-rows: auto 50px 1fr 50px;	
	}