@charset "utf-8";
/* MB Photo 2.0 Common CSS Document */

.debug
	{ display: none; }

/*@import url('http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css');*/

@font-face 
	{
	 font-family: 'ArrusBT-Roman';
	 src: url('includes/fonts/ArrusBT-Roman.eot?#iefix') format('embedded-opentype'),
		  url('includes/fonts/ArrusBT-Roman.woff') format('woff'),
		  url('includes/fonts/ArrusBT-Roman.ttf')  format('truetype'),
		  url('includes/fonts/ArrusBT-Roman.svg#ArrusBT-Roman') format('svg');
	 font-weight: normal;
	 font-style: normal;
	}
.arrus
	{ font-family: 'ArrusBT-Roman'; }

@font-face 
	{
	 font-family: 'Helvetica-Neue';
	 src: url('includes/fonts/HelveticaNeueLTCom-Ex.eot?#iefix') format('embedded-opentype'),
		  url('includes/fonts/HelveticaNeueLTCom-Ex.woff') format('woff'),
		  url('includes/fonts/HelveticaNeueLTCom-Ex.ttf')  format('truetype'),
		  url('includes/fonts/HelveticaNeueLTCom-Ex.svg#HelveticaNeueLTCom-Ex') format('svg');
	 font-weight: normal;
	 font-style: normal;
	}
.helvetica
	{ font-family: 'Helvetica-Neue'; }

@font-face 
	{
	 font-family: 'Font-Awesome';
	 src: url('includes/fonts/fontawesome-webfont.eot');
	 src: url('includes/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		  url('includes/fonts/fontawesome-webfont.woff2') format('woff2'),
		  url('includes/fonts/fontawesome-webfont.woff') format('woff'),
		  url('includes/fonts/fontawesome-webfont.ttf')  format('truetype'),
		  url('includes/fonts/fontawesome-webfont.svg') format('svg');
	 font-weight: normal;
	 font-style: normal;
	}
.fa-local
	{ font-family: 'Font-Awesome'; }

DIV.admin
	{ border: solid medium rgba(255, 128, 0,0.7) !important; }

DIV.bold
	{
	 font-family: 'ArrusBT-Roman';
	 font-size: 120%;
	 font-weight: bold;
	}

DIV.highlight
	{
	 border-color: rgba(255, 209, 117, 1.0) !important;
	}

.box-shadow
	{
	 box-shadow: 4px 4px 10px rgba(80, 40, 0, 0.5);
	 -moz-box-shadow: 4px 4px 10px rgba(80, 40, 0, 0.5);
	 -khtml-box-shadow: 4px 4px 10px rgba(80, 40, 0, 0.5);
	 -opera-box-shadow: 4px 4px 10px rgba(80, 40, 0, 0.5);
	 -webkit-box-shadow: 4px 4px 10px rgba(80, 40, 0, 0.5);
	}

.box-shadow.click:not(.hold):not(.on):active
	{
	 box-shadow: 2px 2px 5px rgba(80, 40, 0, 0.5);
	 -moz-box-shadow: 2px 2px 5px rgba(80, 40, 0, 0.5);
	 -khtml-box-shadow: 2px 2px 5px rgba(80, 40, 0, 0.5);
	 -opera-box-shadow: 2px 2px 5px rgba(80, 40, 0, 0.5);
	 -webkit-box-shadow: 2px 2px 5px rgba(80, 40, 0, 0.5);
	}

.click
	{
	 cursor: pointer;
	}
.radius_12
	{ 
	 border-radius: 12px;
	 -moz-border-radius: 12px;
	 -opera-border-radius: 12px;
	 -khtml-border-radius: 12px;
	 -webkit-border-radius: 12px;
	}
.radius_15
	{ 
	 border-radius: 15px;
	 -moz-border-radius: 15px;
	 -opera-border-radius: 15px;
	 -khtml-border-radius: 15px;
	 -webkit-border-radius: 15px;
	}

HR
	{
	 width: 100%; height: 2px;
	 float: left;
	 background-color: black;
	 border: none;
	}
HR.thick
	{
	 height: 3px;
	}
HR.thin,
HR.thinner,
HR.subsection
	{ height: 1px; }
HR.thinner,
HR.subsection
	{ background-color: silver; }
HR.no_margin
	{ margin: 0; padding: 0; }

.button.graphic
	{
	 width: 30px; height: 30px;
	 float: left;/**/
	}
.button.graphic:hover { }
.button.graphic.close
	{
	 float: none;
	 position: absolute;
	 right: 16px; top: 16px;
	 left: auto;
	 padding: 0; 
	 margin: 0;
	 cursor: pointer;
	}
.button.graphic.close:active
	{
	 top: 18px;
	}
.button.graphic.click
	{
	 cursor: pointer;
	}
.button.graphic.click:active
	{
	 position: relative;
	 top: 2px;
	}

.over, .out
	{ cursor: pointer; }

@media all
{
 BODY
	{
	 width: 100%;
	 margin: 0;
	 color: black;
	 font-family: 'Helvetica-Neue';
	 font-family: Arial, Helvetica, sans-serif;
	 overflow-y: scroll;
	 overflow-x: auto;

	 background-color: white;
	}

	A
		{
		 color: darkblue;
		 text-decoration: none;
		 outline: 0;
		}
	A:visited
		{ color: #77C; }
	A:hover
		{
		 color: blue;
		 text-decoration: underline;
		}
	A:active
		{
		 position: relative;
		 top: 2px;
		}

	H1, H2, H3
		{
		 margin: 0; padding: 0;
		 float: left;
		 font-weight: bold;
		}

	.left
		{ float: left; }
	.right
		{ float: right; }

	LI:active .onclick
		{ 
		 position: relative;
		 left: 0; top: 2px;
		}

	DIV
		{ box-sizing: border-box; }	

	DIV.loading
		{ /* mb_photo_20_loading.css */ }	

	DIV#main
		{
		 width: 100%; height: 100%;
		 background-color: white;
		 ackground-colorb: rgba(0, 0, 0, 0.1);
		 ackground-imageb: url(graphics/parchment_background_grey_1980x1080.jpg);
		 ackground-repeatb: no-repeat;
		 ackground-attachmentb: fixed;
		 ackground-positionb: center; 
		 ackground-sizeb: cover;
		}
		.main H1, H2, H3
			{ }

	DIV#main.loading /* Javascript handle */
		{ }
		 DIV#main.loading IMG
			{ }	

		.main DIV#top
			{
			 width: 100%; height: 100vh;
			 position: static; /* fixed */
			 /* left: 0; top: 0; */
			 display: table;
			 overflow: hidden;
			}			
		.main DIV#top.nosticky
			{ position: static; }
		.main DIV#top_window
			{
			 position: relative;
			 left: 0; top: 0;
			 background-color: transparent; 
			 pointer-events: none;
			 display: none; 
			}
		.main DIV#top_window.nosticky
			{ display: none; }

			.main DIV.cover_pic
				{
				 width: 100vw; height: 100vh;
				 position: absolute;
				 right: 0; top:0;
				 z-index: 0;
				 display: block;
				 cursor: pointer;
				}

			.main DIV.page_title /*common all*/
				{
				 display: table;
				 white-space: nowrap; 
			 	 width: auto; height: auto;
				 font-family: 'ArrusBT-Roman';
				 color: white;
				 background-color: rgba(0,0,0,0.3);
				}
				.main .page_title H1, H2, H3
					{
					 float: none;
					 font-weight: normal;
					 line-height: 100%;
					}

		.main DIV.page_title.sub_title
			{ }

	.main DIV#menu
		{ /* mb_photo_20_menu.css */ }

	.main DIV.container
		{
		 width: 100%;
		 display: table;
		 position: relative;
		 left: 0; top:0;
		 z-index: 50;
		 margin: 0 auto;
		}
		.main DIV.container DIV.content
			{
			 display: table;
			 margin: 0; padding: 0;
			 margin: 0 auto;
			}
			.main DIV.container DIV.content DIV.share_wrapper
				{ }
				.main DIV.container DIV.content DIV.share_wrapper DIV.share
					{ display:  inline-block;/*none;*/ }
					.main DIV.container DIV.content DIV.share_wrapper DIV.share DIV
						{ display: inline-block; }
					.main DIV.container DIV.content DIV.share_wrapper DIV.share IMG
						{
						 width: auto; height: 22px;
						 vertical-align: top;
						 margin: 2px 0 0 2px;
						}
					.main DIV.container DIV.content DIV.share_wrapper DIV.share IMG
						{
						 width: auto; height: 22px;
						 margin: 2px 0 0 2px;
						}

			.main DIV.container DIV.content DIV.left
				{ float: left; }				




			.main DIV.container DIV.content DIV.topic_container
				{ float: left; }				
			.main DIV.container DIV.content DIV.topic_container:not(:nth-of-type(3n))
				{ margin-right: 2vw; }




				.main DIV.container DIV.content DIV.topic
					{
					 position: relative;
					 left: 0; top:0;
					 float: left;
					 background-color: white;
					 background-size: cover;
					 background-position: center center;
					}
					.main DIV.container DIV.content DIV.topic_cover
						{
						 width: 100%; height: 100%;
						 position: absolute;
						 left: 0; top: 0;
						 background-color: white;
						 background-size: cover;
						 background-position: center center;
						}

				.main DIV.container DIV.content DIV.topic.hidden
					{ display: none; }

				.main DIV.container DIV.content DIV.topic.not-used
					{ display: none; }

				.main DIV.container DIV.content DIV.topic:last-child
					{ orderb: none; }
					.main DIV.container DIV.content DIV.topic DIV.text_container
						{
						 font-family: 'ArrusBT-Roman';
						 font-weight: normal;
						 color: white;
						 background-color: rgba(0, 0, 0, 0.4);
						 position: absolute;
						 left: 0; top: auto; bottom: 0;
						}
					.main DIV.container DIV.content DIV.topic P
						{
						 float:left;
						 margin: 0; padding: 0; 
						}
					.main DIV.container DIV.content DIV.topic P.indent
						{ text-indent: 1em; }
					.main DIV.container DIV.content DIV.topic P.anchor { }

				.main DIV.container DIV.content DIV.topic.subtitle
					{ margin: 0; padding: 0; }

/*#topics.specific		.main DIV.container DIV.content DIV.topic.specific #topics.specific*/

			.main DIV.container DIV.content DIV.right
				{ }
				.main DIV.container DIV.content DIV.right IMG
					{ }


			.main DIV.container DIV.content DIV.utility
				{
				 width: 100%; height: auto;
				 position: relative;
				 left: 0; top: 0;

				 text-align: center;

				 border-style: solid;
				 border-width: medium;
				 border-color: white;
				}
				.main DIV.container DIV.content DIV.utility A:visited
					{ color: darkblue; }
				.main DIV.container DIV.content DIV.utility A:hover
					{ color: blue; }
					.main DIV.container DIV.content DIV.utility .inner_menu
						{ float: right; }

				.main DIV.container DIV.content DIV.utility A:hover
					{ color: blue; }

				.main DIV.container DIV.content DIV.utility DIV.utility_inner
					{
					 width:100%; height: 100%;
					 position: absolute;
					 left: 0; top: 0;
					}
				.main DIV.container DIV.content DIV.utility DIV.heading
					{ text-align: left; }

					.main DIV.container DIV.content DIV.utility DIV DIV
						{
						 padding: 0; margin: 0;
						 padding-bottom: 1vw;
						}

					.main DIV.container DIV.content DIV.utility DIV DIV.subtitle
						{
						 position: absolute;
						 left: 2.5%; bottom: 0;
						 text-align: left;

						 font-family: 'ArrusBT';
						 font-weight: bold;
						}
						.main DIV.container DIV.content DIV.utility DIV DIV.subtitle SPAN.back
							{ }

					.main DIV.container DIV.content DIV.utility DIV DIV.submenu,
					.main DIV.container DIV.content DIV.utility DIV DIV.dnd_menu
						{
						 width: auto; height: auto;
						 position: absolute;/**/
						 right: 2.5%; top: auto; bottom: 0;
						 text-align: right;
						}
						.main DIV.container DIV.content DIV.utility DIV DIV A
							{ margin-left: 2vw; }

		.main DIV.container DIV.content DIV.utility.header
			{
			 width: 100%; height: auto;
			 text-align: center;
			 padding: 1vw 0;
			 margin: 0 0 2vw;
			 border: none;
			}
			.main DIV.container DIV.content DIV.utility.header .backdrop
				{
				 width: 100%; height: 100%;
				 position: absolute;/**/
				 left: 0; top: 0; z-index: -10;
				 background-image: url(graphics/header_background_weddings.jpg);
				 background-size: cover;
				 background-position: center center;
				 opacity: 0.35;
				}

		.main DIV.container DIV.content DIV.utility.footer
			{
			 width: 100%; height: auto;
			 text-align: center;
			 padding: 1vw 0;
			 margin: 0 0 2vw;
			 background-color: white;
			}
			.main DIV.container DIV.content DIV.footer UL.bottom_menu
				{
				 list-style: none;
				 margin: 0 auto; padding: 0;
				 padding-bottom: 0.5vw;
				 display: table;
				}
				.main DIV.container DIV.content DIV.footer UL.bottom_menu LI
					{
					 margin: 0 1vw;
					 display: inline-block;
					 white-space: nowrap;
					}

				.main DIV.container DIV.content DIV.footer P
					{ }

				.main DIV.container DIV.content DIV.footer SPAN.copyright
					{ font-size: 75%; }

}

@media (orientation: portrait)
{
DIV.admin
	{ border: solid medium rgba(255, 128, 0,0.7) !important; }

DIV.bold
	{
	 font-family: 'ArrusBT-Roman';
	 font-size: 240%;
	 font-weight: bold;
	}
		.main DIV.container DIV.content DIV.utility.header
			{
			 width: 100%; height: auto;
			 text-align: center;
			 padding: 1vw 0;
			 margin: 0 0 2vw;
			 border: none;
			}
			.main DIV.container DIV.content DIV.utility.header .backdrop
				{
				 width: 100%; height: 100%;
				 position: absolute;/**/
				 left: 0; top: 0; z-index: -10;
				 background-image: url(graphics/header_background_weddings.jpg);
				 background-size: cover;
				 background-position: center center;
				 opacity: 0.35;
				}
		.main DIV.container DIV.content DIV.utility.footer
			{
			 width: 100%; height: auto;
			 text-align: center;
			 padding: 1vw 0;
			 margin: 0 0 2vw;
			 font-size: 3vw;
			 background-color: white;
			}
			.main DIV.container DIV.content DIV.footer UL.bottom_menu
				{
				 list-style: none;
				 margin: 0 auto; padding: 0;
				 padding-bottom: 0.5vw;
				 display: table;
				}
				.main DIV.container DIV.content DIV.footer UL.bottom_menu LI
					{
					 margin: 0 1vw;
					 display: inline-block;
					 white-space: nowrap;
					}

				.main DIV.container DIV.content DIV.footer P
					{ }

				.main DIV.container DIV.content DIV.footer SPAN.copyright
					{ font-size: 75%; }
}