@charset "UTF-8";
/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
html,button,input,select,textarea{font-family:sans-serif}
body{margin:0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
h1{font-size:2em;margin:.67em 0}
h2{font-size:1.5em;margin:.83em 0}
h3{font-size:1.17em;margin:1em 0}
h4{font-size:1em;margin:1.33em 0}
h5{font-size:.83em;margin:1.67em 0}
h6{font-size:.75em;margin:2.33em 0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
p,pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
img{border:0;-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }


/**************************************************
****										   ****
***												***
**												 **
*												  *
	               Primary Styles
        Author: Dave Schmidt, Visual Harvest
*												  *
**												 **
***												***
****										   ****
**************************************************/


/* site structure
------------------------------------------------------------- */			

html, body {
	height: 100%;
}

body {
	background: #001722;
	font: normal normal 400 16px/2em "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	*font-size:small;
	color: #fff;
}

.page-wrap {
	width: 100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}

.main {
	width: 100%;
	position: relative;
	z-index: 1;
}

.wrapper {
	margin: 0 auto 8px auto;
	border-top: 1px solid #d7df23;
	border-bottom: 1px solid #d7df23;
}

.wrapper:last-child {
	padding: 0;
}

.container {
	width: 90%;
	max-width: 1400px;
	padding: 1.5em 0;
	margin: 0 auto;
	position: relative;
}

.row {
	margin: 0 0 0 -3em;
	overflow: hidden;
	clear: both;
}

.col {
	float: left;
	width: 100%;
	padding: 0 0 0 3em;
}

.row .col:first-child {
	padding: 0 0 1em 3em;
}

img {
	width: 100%;
	height: auto;
	display: block;
}

.back-top {
	font-size: 16px;
	position: absolute;
	right: 0px;
	bottom: 0px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}




/* typo
------------------------------------------------------------- */			
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

p {
	padding: 0;
	margin: 0;
}

a {
	font-family: "superclarendon", Rockwell, Georgia, "Times New Roman", serif;
	line-height: 1.2em;
	font-style: italic;
	text-decoration: none;
}

a:hover {
	color: #184b56;
}

a:hover, a:active {
	outline: 0;
}

::-moz-selection {
	background: #9e1f63;
	color: #fff;
	text-shadow: none;
}

::selection {
	background:#9e1f63;
	color: #fff;
	text-shadow: none;
}

.proxima {
	font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

.clarendon {
	font-family: "superclarendon", Rockwell, Georgia, "Times New Roman", serif;
	font-weight: 300;
}

.italic {
	font-style: italic;
}

.uppercase {
	text-transform: uppercase;
}




/* colors
------------------------------------------------------------- */			

.blue {
	color: #00aeef;	
}

.orange {
	color: #f7941e;
}

.green {
	color: #8dc63f;
}

.magenta {
	color: #9e1f63;
}

.yellow {
	color: #d7df23;
}

.red {
	color: #be1e2d;
}

.pink {
	color: #ec008c;
}

.white {
	color: #fff;
}



/* header and navigation
------------------------------------------------------------- */			

header {
	background: #001722;
	width: 100%;
	margin: 0 0 8px 0;
	border-bottom: 1px solid #d7df23;
	position: relative;
	z-index: 2;
}

nav.container {
	width: 100%;
	border-top: none;
}

nav ul {
	padding: 0;
	margin: 0;
	text-align: center;
}

nav ul li {
	padding: 0 0 .5em 0;
}

nav ul li:last-child {
	padding: 0;
}

nav ul li a {
	font: italic normal 300 18px/1em "superclarendon", Rockwell, Georgia, "Times New Roman", serif;
	color: #00aeef;
	letter-spacing: normal;
}




/* christina and mike block
------------------------------------------------------------- */			

.christina-and-mike {
	background: #d7df23;
}




/* ceremony and reception block
------------------------------------------------------------- */			

.ceremony-and-reception p {
	font-size: 26px;
	line-height: 1.2em;
	color: #f7941e;
	text-align: center;
}

.ceremony-and-reception p span {
	color: #9e1f63;
}

.carnivale-illustration .col {}

.carnivale-illustration img {
	padding: .5em 0 1em 0;
}

.carnivale-illustration p {
	font-size: 22px;
}

.carnivale-illustration span {
	font: normal normal 700 60px/1em "superclarendon", Rockwell, Georgia, "Times New Roman", serif;
	text-align: center;
	display: block;
	letter-spacing: normal;
}

.carnivale-chicago a {
	font-size: 20px;
	display: block;
	text-align: center;
}




/* hotel block
------------------------------------------------------------- */			

.hotel img {
	padding: 0 0 1em 0;
}

.reservations p {
	font-size: 24px;
	padding: 0 0 1.5em 0;
	text-align: center;
}

.reservations p.blue {
	font-size: 20px;
}

.reservations span.blue {
	font-size: 24px;
}

.instructions p {
	font-size: 21px;
	line-height: 1.6em;
	padding: 0 0 1.5em 0;
}

.parking {
	background: url(../images/elements/parking-icon.png) no-repeat 0px 15px;
	padding: 0 0 0 60px;
}

.parking .clarendon {
	font-size: 15px;
}

.cab {
	background: url(../images/elements/cab-icon.png) no-repeat 0px 0px;
	padding: 0 0 0 60px;
	min-height: 36px;
}




/* gift registry block
------------------------------------------------------------- */			

.gift-registry {
	text-align: center;
}

.gift-registry a img {
	padding: 0 0 1em 0;
}

.text-link {
	display: inline-block;
	color: #00aeef;
	font-size: 30px;
	padding: 0 0 2em 0;
}

.kohls .text-link {
	padding: 0;
}




/* chicago block
------------------------------------------------------------- */			

.guests {
	font-size: 22px;
	padding: 2em 0;
	line-height: 1.5em;
	text-align: center;
}

.choose {
	font-size: 21px;
	line-height: 2em;
}

.choose a {
	padding: 0 0 10px 0;
	border-bottom: 5px solid #be1e2d;
}




/* christina and michael block
------------------------------------------------------------- */			

.thank-you {
	padding: 0 0 1em 0;
}

.thank-you img {
	margin: 0 auto;
}

.speech {
	text-align: justify;
}

.speech p {
	background: url(../images/elements/quotes.png) no-repeat 0px 0px;
	color: #2b3990;
	font-size: 18px;
	line-height: 1.5em;
}




/* footer
------------------------------------------------------------- */			

footer {
	width: 90%;
	max-width: 1400px;
	margin: 0 auto;
	text-align: center;
}




/* helpers
------------------------------------------------------------- */			

.clearfix:after {
	content:"";
	display:table;
	clear:both;
}




/* breakpoint 2 (.bp2) ~ 768px
------------------------------------------------------------- */			

@media only screen and (min-width: 48em) {
	
	.row .col:first-child {
		padding: 0 0 0 3em;
	}	
	
	nav ul li {
		font: italic normal 700 18px/1em "superclarendon", Rockwell, Georgia, "Times New Roman", serif;
		display: -moz-inline-stack;
		display: inline-block;
		vertical-align: top;
		zoom: 1;
		*display: inline;
		margin: 0 10px;
		letter-spacing: normal;
	}
	
	nav ul li a {
		font-size: 23px;
	}
	
	/* ceremony and reception block
	------------------------------------------------------------- */			
	
	.ceremony-and-reception {
		text-align: right;
	}
	
	.carnivale-illustration p {
		width: 30%;
		font-size: 18px;
		text-align: right;
		position: absolute;
		right: 90px;
		top: 35%;
	}
	
	.carnivale-illustration span {
		position: absolute;
		right: 0px;
		top: 34%;
	}
	
	.carnivale-chicago a {
		font-size: 34px;
		text-align: right;
		display: inline;
	}
	
	
	
	
	/* hotel block
	------------------------------------------------------------- */			
	
	.hotel img {
		padding: 0;
	}
	
	.reservations p {
		font-size: 21px;
		padding: 0 0 1em 0;
	}

	.reservations p.blue {
		font-size: 24px;
	}

	.reservations span.blue {
		font-size: 36px;
	}

	.instructions {
		padding: 1em 0 0 0;
	}
	
	.instructions p {
		font-size: 21px;
		line-height: 1.3em;
	}
	
	.parking .green {
		font-size: 18px;
	}
	
	.parking .clarendon {
		font-size: 16px;
	}
	
	.cab {
		min-height: 36px;
	}
	
	
	
	
	/* gift registry block
	------------------------------------------------------------- */			
	
	.gift-registry a img {
		width: 80%;
		margin: 0 auto;
		padding: 0 0 3em 0;
	}
	
	.gift-registry .kohls img {
		width: 50%;
		margin: 0 auto;
	}
	
	.text-link {
		font-size: 24px;
	}
		
	


	/* chicago block
	------------------------------------------------------------- */			
	
	.guests {
		line-height: 2em;
		text-align: justify;
	}
	
	.choose {
		font-size: 30px;
	}
	
	
	
	
	/* christina and mike block
	------------------------------------------------------------- */			
	
	.thank-you {
		padding: 0 0 2em 0;
	}
	
	.thank-you img {
		width: 60%;
	}
	
	
	
	.bp2-full {
		width: 100%;
	}
	
	.bp2-half {
		width: 50%;
	}
	
	.bp2-one-third {
		width: 33.333%;
	}
	
	.bp2-two-thirds {
		width: 66.666%;
	}
	
	.bp2-one-quarter {
		width: 25%;
	}
	
	.bp2-three-quarters {
		width: 75%;
	}
}




/* breakpoint 3 (.bp3) ~ 960px
------------------------------------------------------------- */			

@media only screen and (min-width: 60em) {

	.container {
		padding: 3em 0;
	}
	
	.col {
		padding: 0 0 0 3em;
	}
	
	.back-top {
		display: none;
	}
	
	/* header and navigation
	------------------------------------------------------------- */			
	
	header {
		background: #001722;
		width: 100%;
		height: auto;
		padding: 2em;
		position: fixed;
		top: 0px;
	}
	
	nav.container {
		padding: 0;
	}
	
	nav ul li {
		padding: 0;
	}
	
	.main {
		padding: 104px 0 0 0;
	}
	
	

	/* ceremony and reception block
	------------------------------------------------------------- */			
	
	.carnivale-illustration .col {
		position: relative;
	}
	
	.carnivale-illustration img {
		padding: 0;
	}
	
	.carnivale-illustration p {
		font-size: 24px;
		top: 30%;
	}
	
	.carnivale-illustration span {
		top: 28%;
	}
	
	
	
	
	/* hotel block
	------------------------------------------------------------- */			
	
	.reservations p {
		font-size: 28px;
		padding: 0 0 2.5em 0;
	}

	.reservations span.blue {
		font-size: 48px;
	}
	
	.instructions p {
		font-size: 24px;
	}
	
	
	
	
	/* chicago
	------------------------------------------------------------- */			
	
	.guests {
		font-size: 30px;
	}
	
	.choose {
		font-size: 48px;
	}

	
	
	/* christina and mike block
	------------------------------------------------------------- */			
	
	.thank-you {
		padding: 0 0 3em 0;
	}
	
	.speech p {
		font-size: 24px;
		line-height: 2em;
	}
	
	
	.bp3-full {
		width: 100%;
	}
	
	.bp3-half {
		width: 50%;
	}
	
	.bp3-one-third {
		width: 33.333%;
	}
	
	.bp3-two-thirds {
		width: 66.666%;
	}
	
	.bp3-one-quarter {
		width: 25%;
	}
	
	.bp3-three-quarters {
		width: 75%;
	}
}




/* print
------------------------------------------------------------- */			
@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}
	
	a,
	a:visited {
		text-decoration: underline;
	}
	
	a[href]:after {
		content: " (" attr(href) ")";
	}
	
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}
	
	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	
	thead {
		display: table-header-group; /* h5bp.com/t */
	}
	
	tr,
	img {
		page-break-inside: avoid;
	}
	
	img {
		max-width: 100% !important;
	}
	
	@page {
		margin: 0.5cm;
	}
	
	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}
	
	h2,
	h3 {
		page-break-after: avoid;
	}
}