/* 1. fonts (self-hosted: Source Sans 3 Bold replaces Cufon Myriad Pro Bold; Zeyada) */
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:700;font-display:swap;src:url(/_media/4dec106d-f6d4-4f70-8087-8a76a507cdd1/original.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Zeyada';font-style:normal;font-weight:400;font-display:swap;src:url(/_media/a37bdb52-a248-41b3-876f-ee9157dedad2/original.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* 2. source style.css, cleaned */

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr,
address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr,
th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
body {line-height:1;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
a:hover, a:active {outline: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable, input[type=button], input[type=submit], button {cursor: pointer;}
label {cursor: text;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
a, img a, img, a img {border:0;	outline:0; text-decoration:none;}
.fltleft {float:left;}
.fltright {float:right;}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }
.clear { clear: both; }
.clrflt { clear:both; line-height:1px; font-size:1px; overflow: hidden; }
body {
	background:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	}
#header_outer
{
	background:url(/_media/3d41a7e9-e6e2-47ba-867c-5b786230c730/original.png) repeat-x left top;
	position:fixed;
	top:0px;
	height:112px;
	z-index:9999;
	width:100%;
	left:0px;
}
#header_wrap
{
	width:1010px;
	height:90px;
	margin:0px auto;
	background:url(/_media/4f9077b7-f79d-429e-84ca-b276d3e59d30/original.png) no-repeat center top;
}
#logo
{
	width:188px;
	height:72px;
	padding:10px 0 0 10px;
	margin-left:100px;
}
.menu
{
	width:650px;
	height:90px;
}
.menu ul
{
	list-style:none;
	padding:0px;
	margin:0px;
	text-align:center;
}
.menu ul li
{
	font-size:16px;
	font-weight:bold;
	color:#8c8c8c;
	line-height:90px;
	display:inline;
	padding:0px 8px;
}
.menu ul li a
{
	color:#8c8c8c;
	text-decoration:none;
}
.menu ul li a:hover, .menu ul li a.active
{
	color:#229ea9;
	text-decoration:none;
}
.push
{
	height:90px;
}
#banner
{
	background:#066;
	width:960px;
	height:570px;
	-moz-box-shadow:0px 0px 25px #333;
	-webkit-box-shadow:0px 0px 25px #333;
	box-shadow:0px 0px 25px #333;
	position:relative;
	margin:0px auto 47px auto;
}
#content
{
	width:960px;
	margin:0px auto;
	min-height:4350px;
}
.vick_jain_block
{
	width:960px;
	margin-bottom:70px;
}
.vick_jain_block h2
{
	background:url(/_media/35e1090c-0ad8-42f5-8167-874581157947/original.jpg) no-repeat 10px top;
	height:54px;
	padding:18px 0 0 380px;
	margin:0px;
	font-size:37px;
	font-weight:bold;
	color:#7ac7ce;
	line-height:1.5em;
}
.vick_jain_text
{
	background:url(/_media/6b216558-fcdf-4ddd-880b-b1a162dbd03d/original.jpg) no-repeat left bottom;
	width:860px;
	margin:0px auto;
	padding:20px 0 45px 0;
}
.vick_jain_text_quote
{
	margin:0px auto;
	padding:10px 0 10px 0;
	font-family: 'Zeyada', cursive;
	font-size:29px;
	font-weight:bold;
	color:#7ac7ce;
	text-align:center;
	font-style:italic;
}
.vick_jain_text p
{
	padding:0 0 15px 0;
	margin:0px;
}
.vick_jain_text p.nopad
{
	padding-bottom:0px;
}
.text_box1
{
	width:313px;
	font-size:16px;
	color:#8c8c8c;
	line-height:26px;
	text-align:right;
	padding:5px 0 0 0;
}
.love_img
{
	width:210px;
	height:662px;
	margin:0px 15px;
}
.text_box2
{
	width:307px;
	font-size:16px;
	color:#8c8c8c;
	line-height:26px;
	padding:5px 0 0 0;
}
.photos_block
{
	background:url(/_media/6b216558-fcdf-4ddd-880b-b1a162dbd03d/original.jpg) no-repeat center bottom;
	width:960px;
	margin-bottom:70px;
	padding:0 0 35px 0;
}
.photos_block h2
{
	background:url(/_media/35e1090c-0ad8-42f5-8167-874581157947/original.jpg) no-repeat 10px top;
	height:54px;
	padding:18px 0 0 380px;
	margin:0 0 12px 0;
	font-size:37px;
	font-weight:bold;
	color:#7ac7ce;
}
.slider_box
{
	background:#FFF;
	width:842px;
	height:auto;
	min-height:442px;
	padding:9px;
	margin:0px auto;
	-moz-box-shadow:0px 0px 15px #d1d1d1;
	-webkit-box-shadow:0px 0px 15px #d1d1d1;
	box-shadow:0px 0px 15px #d1d1d1;
	position:relative;
}
.slider_img
{
	width:842px;
	height:365px;
}
.slider_nav
{
	width:80px;
	height:17px;
	position:absolute;
	left:17px;
	bottom:17px;
}
.slider_nav a
{
	background:none no-repeat left top;
	width:16px;
	height:17px;
	display:block;
	text-indent:-9999px;
	float:left;
	margin-right:3px;
}
.slider_nav a:hover
{
	background:none no-repeat left -17px;
}
.wedding_party_block
{
	background:url(/_media/6b216558-fcdf-4ddd-880b-b1a162dbd03d/original.jpg) no-repeat center bottom;
	width:960px;
	margin-bottom:70px;
	padding:0 0 25px 0;
}
.wedding_party_block h2
{
	background:none no-repeat 10px top;
	height:58px;
	padding:18px 0 0 340px;
	margin:0 0 10px 0;
	font-size:37px;
	font-weight:bold;
	color:#7ac7ce;
}
.wedding_details_box
{
	width:860px;
	margin:0px auto;
}
.slider_img2
{
	background:#FFF;
	width:392px;
	height:294px;
	padding:9px;
	-moz-box-shadow:0px 0px 10px #d1d1d1;
	-webkit-box-shadow:0px 0px 10px #d1d1d1;
	box-shadow:0px 0px 10px #d1d1d1;
	position:relative;
}
.img_box2
{
	width:392px;
	height:294px;
}
.name_box
{
	width:310px;
	margin:0px 27px;
}
.name_box h3
{
	padding:0px;
	margin:0px;
	height:50px;
	font-size:29px;
	color:#8c8c8c;
	line-height:50px;
	font-weight:normal;	
}
.name_box p
{
	padding:0px;
	margin:0px;
	font-size:16px;
	color:#8c8c8c;
	line-height:25px;
}
.slider_nav2
{
	width:86px;
}
.slider_nav2 ul
{
	list-style:none;
	padding:20px 0 0 0;
	margin:0px;
}
.slider_nav2 ul li
{
	width:86px;
	height:65px;
	-moz-box-shadow:0px 0px 10px #d1d1d1;
	-webkit-box-shadow:0px 0px 10px #d1d1d1;
	box-shadow:0px 0px 10px #d1d1d1;
	position:relative;
	margin-top:-6px;
}
.slider_nav2 ul li a
{
	border:6px solid #FFF;
	width:74px;
	height:53px;
	display:block;
}
.slider_nav2 ul li a:hover
{
	border:6px solid #66cccc;
}
.when_where_block
{
	background:url(/_media/6b216558-fcdf-4ddd-880b-b1a162dbd03d/original.jpg) no-repeat center bottom;
	width:960px;
	margin-bottom:70px;
	padding:0 0 35px 0;
}
.when_where_block h2
{
	background:url(/_media/bf29ff4d-a866-40c5-ba67-30c9f9a9e07c/original.jpg) no-repeat 10px top;
	height:71px;
	padding:16px 0 0 305px;
	margin:0 0 5px 0;
	font-size:37px;
	font-weight:bold;
	color:#7ac7ce;
}
.three_box
{
	width:860px;
	margin:0px auto;
	font-size:16px;
	color:#8c8c8c;
	line-height:normal;
}
.three_box p
{
	padding:0px;
	margin:0px;
	line-height:1.5em;
}
.when_box
{
	width:270px;
}
.when_box p{
	text-align:center;
}
.when_box ul, .how_box ul
{
	list-style:square;
	padding:10px 0px 10px 80px;
}
.when_box li, .how_box li{
	line-height:1.5em;
}
.when_box h3, .where_box h3, .how_box h3{
	font-size:20px;
	color:#7ac7ce;
	padding:10px 0px 10px 0px;
	text-align:center;
}
.where_box
{
	width:516px;
	margin:0px 15px;
	border-left:1px solid #cccccc;
	padding:0px 20px;
	text-align:center;
}
.where_location_map img
{
	padding:5px;
	border:1px solid #cccccc;
}
.where_location_text{
	padding: 0px 20px 0px 20px;
}
.how_box
{
	width:700px;
	margin:0px auto;
}
.gift_block
{
	background:url(/_media/6b216558-fcdf-4ddd-880b-b1a162dbd03d/original.jpg) no-repeat center bottom;
	width:960px;
	margin-bottom:70px;
	padding:0 0 35px 0;
}
.gift_block h2
{
	background:url(/_media/63da2f8b-fd64-4e4d-a8cf-64b2483ce5c5/original.jpg) no-repeat 10px top;
	height:72px;
	padding:18px 0 0 432px;
	margin:0 0 5px 0;
	font-size:37px;
	font-weight:bold;
	color:#7ac7ce;
}
.gift_main
{
	width:580px;
	margin:0px auto;
}
.gift_img
{
	width:345px;
	height:192px;
	margin:0px auto 10px auto;
}
.gift_text
{
	font-size:16px;
	color:#8c8c8c;
	line-height:normal;
	text-align:justify;
}
.gift_text p
{
	padding:5px 10px 5px 10px;
	margin:0px;
	line-height:1.5em;
}
.adjust
{
	height:10px;
}
#galleria{
	width:842px;
	height:442px;
}
/* ===== 3. Keel parts inside the source skeleton ===== */
html{scroll-behavior:smooth}
#story,#photo,#wwh,#gift{scroll-margin-top:100px}
.k-main figure,.k-main picture{margin:0;padding:0;display:block}
.k-main img{display:block;max-width:100%;height:auto}
.k-main [class*="keel-block"]{margin:0}
.k-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
a{color:#00e}
/* header */
#header_wrap{position:relative}
/* source: #logo margin-left 100px + the 25px float spacer image (dropped from markup) */
#logo{margin-left:125px}
.menu{margin-right:25px}
/* menu font: the source's Cufon "bold" face is Arial Bold, so the menu keeps the source Arial 16px bold (no override) */
/* active menu item: the source JS set a.active on click; here the targeted section marks its link */
body:has(#story:target) .menu a[href$="#story"],body:has(#wwh:target) .menu a[href$="#wwh"],body:has(#gift:target) .menu a[href$="#gift"]{color:#229ea9}
.vick_jain_block h2,.photos_block h2,.when_where_block h2,.gift_block h2{font-family:'Source Sans 3',Arial,sans-serif;font-weight:700;line-height:1.5em}
#content{min-height:0}
/* banner: whole picture is the RSVP link */
.k-banner-link,.k-banner-link figure{display:block}
/* story */
.vick_jain_text_quote p{padding:0;font-family:'Zeyada',cursive}
.vick_jain_text_quote .rich-text p{padding:0}
/* photos placeholder keeps the source box size */
.k-gallery{min-height:424px;display:grid;grid-template-columns:repeat(4,1fr);gap:9px;align-content:start}
.k-gallery img{width:100%;height:200px;object-fit:cover}
/* when / where / how */
.when_box ul li,.how_box ul li{list-style:square}
.where_location_map{width:212px;text-align:center}
.where_location_map p{padding:5px;border:1px solid #cccccc}
.where_location_text h4{font-weight:bold;margin-top:18px}
.where_location_text .rich-text p{margin-bottom:36px}
.how_box ul{padding:10px 0 10px 80px}
.gift_img figure{width:345px}
/* ===== 4. Phone and small tablet (new layout, needs approval) ===== */
@media (min-width:768px){body{min-width:1024px}}
@media (max-width:767px){
 #header_outer{height:auto;padding-bottom:22px;background-size:auto;background-position:left bottom}
 #header_wrap{width:auto;height:auto;background:#fff;padding:6px 0 4px;text-align:center}
 #logo,.menu{float:none;margin:0 auto;width:auto;height:auto;padding:0}
 #logo img{margin:0 auto;width:150px;height:auto}
 .menu ul li{line-height:30px;font-size:15px;padding:0 6px;display:inline-block}
 #content{width:auto;padding-top:120px}
 #story,#photo,#wwh,#gift{scroll-margin-top:125px}
 #banner{width:auto;height:auto;margin:0 0 32px}
 .vick_jain_block,.photos_block,.when_where_block,.gift_block{width:auto;margin-bottom:40px;background-size:90% 2px}
 .vick_jain_block h2,.photos_block h2,.when_where_block h2,.gift_block h2{height:auto;padding:56px 16px 0;background-size:auto 48px;background-position:center top;text-align:center;font-size:32px}
 .vick_jain_text,.three_box,.how_box,.gift_main,.slider_box{width:auto;margin:0 16px}
 .vick_jain_text{background-size:100% 2px}
 .text_box1,.text_box2,.when_box,.where_box,.where_location_map,.where_location_text{float:none;width:auto;text-align:left;margin:0;padding:0;border:0}
 .when_box p,.when_box h3,.where_box h3,.how_box h3{text-align:center}
 .love_img{float:none;width:auto;height:auto;margin:10px auto 20px}
 .love_img img{transform:rotate(90deg);transform-origin:center;width:120px;margin:-150px auto -150px}
 .vick_jain_text_quote{font-size:26px}
 .k-gallery{min-height:240px;grid-template-columns:repeat(2,1fr)}
 .when_box ul,.how_box ul{padding:10px 0 10px 24px}
 .where_location_map{margin:10px 0}
 .gift_img{width:auto;height:auto}.gift_img figure{width:100%;max-width:345px;margin:0 auto}
 .gift_text{text-align:left}
}