@charset "utf-8";
/* CSS Document */
/*  Boutiques Live! Theme #0 : Berlin = default (Helen's)  */

/* typography */
@import url("https://www.bridalnetwork.net/Lib/Fonts/Cormorant_Garamond/Cormorant_Garamond.css");
@import url("https://www.bridalnetwork.net/Lib/Fonts/PlayfairDisplay/PlayfairDisplay.css");
@import url("https://www.bridalnetwork.net/Lib/Fonts/Lato/Lato.css");




/* --------------- -------- --------------- */
/* --------------- DEFAULTS --------------- */

BODY {
	font-family: 'Cormorant Garamond', sans-serif;
	color: #333;
	font-size: 17px;
	letter-spacing: 0.04em;
	font-weight: 300;
}

H1, H2, H3, H4 {
	border-bottom: solid 1px lightgray;
	font-weight: normal;
}
H1 { font-size: 36px; }
H2 { font-size: 28px; padding-left: 2%; margin-bottom: 2%; }
H3 { font-size: 21px; }

img.bw-rgb {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
	img.bw-rgb:hover {
		filter: none;
		-webkit-filter: grayscale(0);
	}

/* ------------- / DEFAULTS --------------- */
/* --------------- -------- --------------- */

/* --------------- CUSTOM ---------------------------------------------------- */
black { color: black; }
/* --------------- /CUSTOM ---------------------------------------------------- */

/* --------------- HEADER ---------------------------------------------------- */
#Header, #Connect, #Brand { 
	color: #5c5b55;
	background-color: #FFF;
  	border-color: #FCFCFC;
}
#Header #Connect DIV.button, #Brand DIV.button { background-color: #fff3f8; }
#Connect, #Connect *, #Brand, #Brand * { color: #555; }
#Connect A, #Brand A { color: #333; text-decoration: none;}

#Connect .site-tools .searchBoutique .searchResults .result:hover { color:#720c44; background-color: #eee; }
#Connect .site-tools .searchBoutique .searchResults .result:active { color:#720c44; }

#Menu .menuitem A { text-decoration: none; color: #333; }	
#Menu .menuitem A:hover { color:black; }	

#Menu .mobile .menulist { border-top: solid 1px lightgray; }	
#Menu .mobile .menulist .menuitem {
	border-bottom: solid 1px lightgray;
	background-color: #FCFCFC;
}	
#Menu .mobile .menulist .menuitem A { font-size: 0.9em; }	
#Menu .menulist .menuitem:hover {
	background-color: white;
}
	
/* ---- Title ---- */
/* -------------- */
#Title .Content H1 { border-bottom: none; color: #333; white-space: nowrap; }
#Title::before { background-color: none; }
#PromptBox::before { background-color: rgba(220,220,220,0.75); }
.bx-wrapper .bx-pager.bx-default-pager a { background-color:lightgray !important; opacity: 0.5; filter: alpha(opacity=50); }

/* --------------- HOME ---------------------------------------------------- */
#Feature .Content { max-width: unset; }
#Feature .Content .billboard { border-top: solid 1px #DDD; }	
#NewArrivals H1 {
	color: #666;
	text-transform: uppercase;
	font-size: 2.75em;
}

/* --------------- Site-Wide ----------------------------------------------- */
#Page .intro { display:block; margin: auto; width:80%; }
.youtube-video {
	aspect-ratio: 16 / 9;
	width: 100%;
  }


/* --------- Collections > Designer Profile (top of page) ---------------- */
.DesignerProfile { 
	margin: 10px 0px;
	padding: 0px;
	border-width: 1px 0px;
	border-style: solid;
	border-color: #eee;
	background-color: #FCFCFC;
}
	.DesignerProfile .info { font-size: 0.9em; }

	
/* ------------- REAL BRIDES ----------------------------------------------------- */
#Page.OurBrides .Bride .info .format h2 {
	color: #333;
	font-size: 24px;
	border-bottom-width: 0;
	white-space: nowrap;
	padding: 0;
}
#Page.OurBrides .Bride .info .format h3 {
	color: #333;
	font-size: 16px;
	border-bottom-width: 0;
	white-space: nowrap;
	padding: 0;
	margin: 3% 0 1% 0;
}
#Page.OurBrides .Bride .info .format h4 {
	font-family: "Bridal Lato";
	font-weight: 300;
	color: #102;
	text-transform: uppercase;
}

#Page.Social.post h2.title { font-size: 36px; }
#Page.Social.post h4.genre { border:none; text-transform: uppercase; }
#Page.Social.post p.description { font-size: 1.33em; }

/* ------------- / REAL BRIDES --------------------------------------------------- */
	

/* ------------------ Galleries ----------------------------------- */		
#Page.collections .intro { width:92%; }	
.Gallery .photo.collage .title  { font-weight: 200; font-size: 28px; }	
.Gallery .designer .title  { 
	display: block;
  	margin-top: 52%;
  	font-weight: 200; 
  	font-size: 1.5em; 
 }
	.Gallery .designer .title .pricerange {
		font-size: 0.7em;
		font-weight: normal;
		padding: 1%;
	}
.Gallery .designer .caption {
	display: block;
	color: #333;
	font-size: 0.9em;
	height: 10px;
	margin-bottom: 10%;
}

.Gallery .photozoom {
	background-color: #FDFDFD;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: lightgray;
}		
	.Gallery .photo .overtitle,
	.Gallery .photo .dresscode  {
		background-color: rgba(165,163,155,0.55);
	}

	
	.Gallery .photozoom .Sample .info .attribute, .Gallery .photozoom .Sample .info .attribute * { font-family: 'Bridal Playfair Display', serif; } 
	.Gallery .photozoom.gown .info .label { opacity: 0.85; filter: alpha(opacity=85);  }	
	.Gallery .photozoom.gown .info .instock { color: green; font-family: inherit;  }		
	.Gallery .photozoom.gown .info .onsale { color: red; font-family: inherit;  }
	

.GownSizeChart .gownSizeChartTable { font-size: 0.85em; }
.GownSizeChart .gownSizeChartTable th, 
.GownSizeChart .gownSizeChartTable td { padding: 1px 3px; }
.GownSizeChart .gownSizeChartTable th { background-color: #eee; } 
.GownSizeChart .gownSizeChartTable td {
	font-family: sans-serif;
	font-size: 0.80em;
	letter-spacing: 0.5px;
	color: #444;
	border: solid 1px #eee;
}
	
.Thumb .container.more { background-color: rgba(220,220,210,1); }	
.Thumb .container.more { background-color: rgba(220,220,210,1); }

/* ------------- Socila / Real Brides Page ----------------------------------------------------------------------------------------*/
#Page.collections .intro { width:90%; }	

/* ------------- About Us Page ----------------------------------------------------------------------------------------------------*/
/* .AboutUsSection .divider { background-color: black; } */
.AboutUsSection .extra1, .AboutUsSection .extra2, .AboutUsSection .extra3 {
	display: block;
	position: absolute; z-index: -20;
	background-color: #f5f0e861;
	top: 20%;
	bottom: 20%;
	width: 100%;
}
	.AboutUsSection .extra2, .AboutUsSection .extra3 { display: none; }
	.AboutUsSection.full .StoreText .extra3 { display: block; }

	#StoreServices ul {
		list-style-type: "🔔";
		padding: 3% 5%;
		margin: 0;
	}
	#StoreServices ul.serviceslist li {
		display: inline-block;
		width: 28%;
		padding: 1%;
		margin-right: 3%;
		margin-bottom: 1%;
		font-size: 18px;
		overflow: hidden;
		white-space: wrap;
		background-color: #f5f0e861;
	}
		#StoreServices ul.serviceslist li::before { content: none; }
		#StoreServices ul.serviceslist li span {
			display: block;
			float: left;
			position: relative;
			left: unset;
			width: 87%;
			border: 1px solid #b4b0a866;
			font-size: 26px;
			padding: 6%;
			text-align: center;
		}


/* ------------- Contact Page --------------------*/

#ContactInfo {
	border-right: solid 1px #DDD;
}

#formConnect, .formSubscribe {
	background-color: #EEEEEE;
	border-radius: 5px;
}	
	
#formConnect .TODSelect .selector.selected,
form .TODSelect .selector.selected { background-color: #E4E4DA; color: #666633;	 }	


/* --------------------------- --------------------------------- ---------------------------------------------------------*/
/* --------------------------- Mobile : single column : portrait ---------------------------------------------------------*/
@media screen and (max-width: 768px) {

	h1 { color: #666; }
	#Title .Content H1 { white-space: unset; }
	#Title .Content .frame { margin: 10px auto; }

	#Menu .mobile { background-color: white; }	

	.bx-wrapper .bx-pager.bx-default-pager a { background-color:white !important; opacity: 0.1; filter: alpha(opacity=10); }/*  */
	
	.photozoom .Similar H3 { margin: 10px 0px; }

	#ContactInfo { border-right: none; }

	#NewArrivals h1 {
		font-size: 1.75em;
		margin: 3% 0 1% 4%;
	}

	#Title .Content H1 {
		font-size: 1.25em;
		overflow-x: hidden;
		padding: 0;
		letter-spacing: 1.75px;
	}

	.Gallery .designer .title {
		margin-top: 0;
	}
	.Gallery .designer .caption {
		height: unset;
		margin-bottom: 7%;
	}


	/* ------------- Socila / Real Brides Page ----------------------------------------------------------------------------------------*/
	#Page.collections .intro { width: 92%; padding: 4%; }
	#Page.Social .Posts.gallery .Post .caption h2 { font-size:24px; }
	#Page.Social.post h2.title { font-size: 24px; }
	#Page.Social.post p.description { font-size: 1.20em; }

	/* --- About & text Pages -------------------------------------- */
	.AboutUs { display:block; margin:1% 0; }
	.AboutUsSection { display:block; }
	.AboutUsSection .StorePhoto, .AboutUsSection.split .StorePhoto  {
		width: 100%;
		padding: 0;
	}
	.AboutUsSection .StoreText, .AboutUsSection.split .StoreText  {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.AboutUsSection .StoreText p { 
		margin: 0;
		padding: 3%; 
		font-size: 1.2em; 
	}
	.AboutUsSection .extra1, .AboutUsSection .extra2 { display:none; }
	.AboutUsSection .extra3 {
	  top: 30%;
	  bottom: 30%;
	}
	.AboutUsSection .extra3 { display:block; }

	#Testimonials .bx-wrapper .bx-prev { left: 0px; }
	#Testimonials .bx-wrapper .bx-next { right: 0px; }

}
/* --------------------------- Mobile : single column : portrait ---------------------------------------------------------*/
/* --------------------------- --------------------------------- ---------------------------------------------------------*/