body { background-image:url("../images/bg.png");background-size: 200px auto; background-color:#e62066;font-family:Georgia, Times New Roman, Times, serif; font-size: 14px; font-weight: 300; font-style: normal; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; /* -webkit-overflow-scrolling:scrolling; */} /* === used fonts ===*/ @font-face { font-family: 'candlescript_demo_versionRg'; src: url('../fonts/Candlescript/candlescript_demo_version-webfont.eot'); src: url('../fonts/Candlescript/candlescript_demo_version-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Candlescript/candlescript_demo_version-webfont.woff2') format('woff2'), url('../fonts/Candlescript/candlescript_demo_version-webfont.woff') format('woff'), url('../fonts/Candlescript/candlescript_demo_version-webfont.ttf') format('truetype'), url('../fonts/Candlescript/candlescript_demo_version-webfont.svg#candlescript_demo_versionRg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Georgia'; src: url("../fonts/georgia/georgia.eot"); src: url("../fonts/georgia/georgia.eot#iefix") format("embedded-opentype"), url("../fonts/georgia/georgia.woff") format("woff"), url("../fonts/georgia/georgia.ttf") format("truetype"), url("../fonts/georgia/georgia.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'gurmukhi-normal'; src: url("../fonts/gurmukhi/gurmukhi-normal.eot"); src: url("../fonts/gurmukhi/gurmukhi-normal.eot#iefix") format("embedded-opentype"), url("../fonts/gurmukhi/gurmukhi-normal.woff") format("woff"), url("../fonts/gurmukhi/gurmukhi-normal.ttf") format("truetype"), url("../fonts/gurmukhi/gurmukhi-normal.svg") format("svg"); font-weight: normal; font-style: normal; } button { outline: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:Georgia, Times New Roman, Times, serif;} a, a:hover, a:focus{outline:none;} .container{max-width:1349px; width:100%;} .wrapper{float: left; width: 100%;} .top_golden_bar { background-image:url("../images/goldenbar.jpg"); float: left; height: 20px; width: 100%;position: fixed; z-index: 999;background-size: 100%;} /* === header section ===*/ .web_header{float: left; width: 100%;} .menu{background:#fff;} .mobile_logo{display:none;} .mobile_logo img{max-width:200px;} .nav > li.logo { width:30%;} .nav > li.logo a { float: left; width: 100%;} .nav > li.logo a.active{ background:none!important;} .nav > li.logo a:hover{ background:none!important;} .nav > li.logo img{left: 12%; position: absolute; top: -17px; width: 76%;} .menu.navbar-fixed-top { top: 20px;} .navbar-nav { margin: 0;} .navbar-collapse.collapse ul, .navbar-collapse.collapsing ul{float: left; margin: 0; padding: 0; width: 100%;} .navbar-nav > li { float: left; width: 11.6%;} .navbar-nav > li.bigger { width: 14.6% } .navbar-nav > li.smaller { width: 8.6% } .navbar-default .navbar-nav > li > a {color: #263c97;line-height: normal; font-size: 1.1vw; font-weight: bold;padding: 10px 0 10px 13%; text-align: left;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s; -mos-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; background-image: url("../images/hover_hrt.png"); background-size: 1vw; background-repeat: no-repeat; background-position: 5px -3vw;} .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav a.active {color: #e71c65 !important; background-position: 2px 10px;} .navbar-default .navbar-nav > li.smaller > a:hover, .navbar-default .navbar-nav li.smaller a.active { background-position: 0 10px; } .navbar-default .navbar-nav > li a span {display: inline-block; font-family: "gurmukhi-normal"; width: 100%;font-weight: normal; font-size: 1vw;} .navbar-default .navbar-nav > li.logo > a { background: none; } /* === cover section ===*/ #coversection{ position:relative;padding-top: 20vh;} .dhol_play {background:rgba(0, 0, 0, 0.2); border-radius: 8px; height: 65px; margin: 0; padding: 10px; position: fixed; right: 10px; top: 100px; width: 90px; z-index: 999;} #audioToggle {background-image: url("../images/dhol_stop.png"); background-repeat: no-repeat; background-size: 100% auto; display: block; height: 100%; overflow: hidden; padding: 0;text-decoration: none; width: 100%;} .heading_txt { color: #ffffff; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);} .heading_txt h1{ font-family: "candlescript_demo_versionRg"; font-size: 54px;} .heading_txt h3{ font-size: 38px; font-weight: 800; position: relative;} .heading_txt h3 img{width:65px;} .heading_txt h4{font-size:30px; color:#fff;} .coun_down { width: 100%; float: left;} #counter{display:none;} .coun_down_time{ float: none; margin: 0px auto 0; padding: 0; width:100%; max-width: 800px;} .coun_down_time ul{ border: 2px solid #ffffff; border-radius: 10px; float: left; padding: 0 10px; width: 100%;text-align: center; color:#fff; margin-bottom: 0; } .coun_down_time ul li {display: inline-block; float: left; margin: 0; padding: 0; text-align: center; width: 20%;} .coun_down_time ul li h2 {font-size: 55px; font-weight: bold; margin: 0 0 8px;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);} .coun_down_time ul li p { float: left; font-size: 17px; font-weight: bold; text-transform: uppercase; width: 100%;text-shadow: 2px 2px 2px rgba(0,0,0,0.2);} #slide_10 img{ width:100%;} /* === our story section ===*/ .our_story { float: left; width: 100%;} #SDE_video_thumb { cursor: pointer; } .section_title{color: #ffffff; margin: 30px 0; text-align: center; text-shadow: 1px 1px 1px rgba(0,0,0,0.5);} .section_title img{height:50px;} .section_title h1 { font-family: "candlescript_demo_versionRg"; font-size: 54px;margin:15px 0px 8px;} .section_title h2{ font-family: "gurmukhi-normal"; font-weight:normal; margin:0px; font-size:25px;color: #f3c483;} #slide_1 {background-image: url(../images/1_bollywood.jpg);} #slide_2 {background-image: url(../images/2_bollywood.jpg);} #slide_3{background-image: url(../images/3_bollywood.jpg);} #slide_4{background-image: url(../images/4_nerd.jpg);} #slide_5{background-image: url(../images/5_nerd.jpg);} #slide_6{background-image: url(../images/6_nerd.jpg);} #slide_7{background-image: url(../images/7_wedding.jpg);} #slide_8{background-image: url(../images/8_wedding.jpg);} #slide_9{background-image: url(../images/9_wedding.jpg);} .cover{width:100%;} .storyheight{ background-attachment: scroll; background-position: center center; background-repeat: no-repeat; background-size: cover; float: left; height: 1000px; position: relative; width: 100%;} .storyimage { width: 100%; } /* === event section ===*/ .golden_heading{background: url("../images/goldenbar.jpg") repeat scroll 0 0 / 100% 100% rgba(0, 0, 0, 0); font-size: 24px; font-weight: 800; padding: 20px 0; position: relative; text-align: center; color: rgba(119,94,32,0.8); text-shadow: 1px 1px 1px rgba(234,206,138,1), 0 0 0 #000, 1px 1px 1px rgba(234,206,138,2); clear: both;} .golden_heading p{ display: block; margin: 0; padding: 0 90px; position: relative;} .golden_heading p:before{ background-image: url("../images/frill_brown_left.png");background-repeat: no-repeat; background-position: center center;background-size: 100% auto;content: ""; height: 25px; position: absolute; left: 10px; top: 0px; width: 65px;} .golden_heading p:after{ background-image: url("../images/frill_brown_right.png");background-repeat: no-repeat; background-position: center center;background-size: 100% auto;content: ""; height: 25px; position: absolute; right: 10px; top: 0px; width: 65px;} .golden_heading img {width: 65px;margin: 0px 0px 0px 5px;} .our_events { float: left; width: 100%;} .event_bg{ background-image:url("../images/bg.png"); background-color:#85a972; background-size: 200px auto;float: left; width: 100%;padding-bottom: 30px;} .topborder{background-image: url("../images/golden_border.png"); background-repeat: repeat;background-size: 1440px auto; height: 75px; margin-bottom: 30px;} .event_container{width:60%; margin:0px auto;color: #485a3d;} .event_middle { margin-left: 25%; } .event_box{background-image:url("../images/bg_paper.jpg");background-size: 320px auto; background-color:#fff; border-radius:10px; padding:30px;text-align:center;box-shadow: 2px 2px 2px rgba(89, 121, 71, 0.75);margin-bottom:15px;} .event_box > img { max-height: 45px;} .event_box h2{font-size: 19px; font-weight: 800; margin: 20px 0 0 0;} .event_box p{font-size: 16px; font-weight: normal; line-height: 120%; margin: 20px 0;} .event_box p.Italic{font-style:italic;} .event_box span{font-size: 16px; font-weight: bold; line-height: 22px; margin: 20px 0;} .golden_heading .copyright { font-size: 10px; margin-top: 15px; display: block; } .golden_heading .copyright a { color: rgba(119,94,32,0.8); text-shadow: 1px 1px 1px rgba(234,206,138,1), 0 0 0 #000, 1px 1px 1px rgba(234,206,138,2); } .event_bg .locker { min-height: 73px; vertical-align: top; text-align: center; background: url("../images/heart_lock.png") top center; background-size: 174px; background-repeat: no-repeat; padding-top: 90px; margin: 50px 0 90px; } #events_pw { outline: 0; border: 0; border-radius: 5px 0 0 5px; font-size: 20px; padding: 5px 10px; box-shadow: inset 1px 2px 5px rgba(0,0,0,.25); color: rgba(77,106,59,1); height: 50px; line-height: 50px; vertical-align: top; text-transform: uppercase; width: 250px; } #events_pw::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; text-transform: none; } #events_pw:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ccc; opacity: 1; text-transform: none; } #events_pw::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; opacity: 1; text-transform: none; } #events_pw:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; text-transform: none; } #events_submit { vertical-align: top; background-color: rgba(77,106,59,0.5); outline: 0; color: #fff; text-shadow: 2px 2px 1px rgba(0,0,0,0.25); border: 0; font-size: 34px;line-height:50px; height: 50px; padding: 0px 15px; border-radius: 0 10px 10px 0; } /* === Bridal party section ===*/ .Bridal_Party { float: left; width: 100%;} .Bridal_Party_bg{ background-image:url("../images/bg.png"); background-color:#296eb6;background-size:200px auto;float: left; width: 100%;padding-bottom: 30px;} .Bridal_Party_subheading,.Kgroomsman_subheading,.Family_subheading,.Videos_subheading{ width:90%; text-align:center;text-shadow: 1px 1px 1px rgba(0,0,0,0.5); margin: 0 auto;} .Bridal_Party_subheading h1,.Kgroomsman_subheading h1,.Family_subheading h1,.Videos_subheading h1{font-family: "candlescript_demo_versionRg"; font-size: 40px; margin: 0px; color:#fff;} .Bridal_Party_subheading h2,.Kgroomsman_subheading h2, .Family_subheading h2{color: #f3c483; font-family: "gurmukhi-normal"; font-size: 25px; font-weight: normal; margin: 0;} .Bridal_Party_subheading ul{float: left; margin: 20px 0 40px; padding: 0; width: 100%;} .Bridal_Party_subheading ul li{ border-radius: 10px; overflow: hidden; position: relative; float: left; list-style: outside none none; margin: 0 0.3% 15px; width: 16%; box-shadow: 1px 1px 1px rgba(0,0,0,0.33);} .Bridal_Party_subheading ul li.lastrow_center { margin-left: 25%; } .Bridal_Party_subheading ul li a {float: left; overflow: hidden; position: relative; width:100%;} .Bridal_Party_subheading ul li a .mate_pic{ float: left; width: 100%; position:relative;} .Bridal_Party_subheading ul li a .mate_pic img { float:left;width:100%;} .Bridal_Party_subheading ul li a .mate_name { float:left; padding:0px; width:100%;} .Bridal_Party_subheading ul li a .mate_name h5{background-color:rgba(231, 28, 101, 0.8); color: #ffffff; float: left; font-size: 18px; font-weight: bold; padding: 10px 5px; width: 100%; margin:0px;text-shadow: 1px 1px 1px rgba(133,51,110,1), 0 0 1px #8e3878, 1px 1px 1px rgba(133,51,110,2);} .Bridal_Party_subheading ul li a .mate_hvr {background-color: rgba(0, 0, 0, 0.8); height: 100%; left: 0; position: absolute; top: -100%; width: 100%;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -mos-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;} .Bridal_Party_subheading ul li a .mate_hvr > img { float: none; margin-top: 35%; width: 40%;} .Bridal_Party_subheading ul li a:hover .mate_hvr { top:0px;} .Bridal_Party_subheading ul li a:hover .mate_pic{ border-color:#f3f1e9; background:none;} .Kgroomsman_container{width:90%; float:none; margin:0px auto;} .Kgroomsman_container ul{float: left; margin: 20px 0 40px; padding: 0; width: 100%;} .Kgroomsman_container ul li{float: left; margin: 0 0.3% 15px; width: 13.68%;list-style: outside none none;border-radius: 10px; overflow: hidden; position: relative; box-shadow: 1px 1px 1px rgba(0,0,0,0.33);} .Kgroomsman_container ul li a {float: left; overflow: hidden; position: relative; width:100%;} .Kgroomsman_container ul li a .mate_pic{ float: left; width: 100%; position:relative;} .Kgroomsman_container ul li a .mate_pic img { float:left;width:100%;} .Kgroomsman_container ul li a .mate_name { float:left; padding:0px; width:100%;} .Kgroomsman_container ul li a .mate_name h5{background-color:rgba(41, 77, 157, 0.8); color: #ffffff; float: left; font-size: 18px; font-weight: bold; padding: 10px 5px; width: 100%; margin:0px;text-shadow: 1px 1px 1px rgba(39,77,157,1), 0 0 1px #234690, 1px 1px 1px rgba(39,77,157,2);} .Kgroomsman_container ul li a .mate_hvr {background-color: rgba(0, 0, 0, 0.8); height: 100%; left: 0; position: absolute; top: -100%; width: 100%;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -mos-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;} .Kgroomsman_container ul li a .mate_hvr > img { float: none; margin-top: 100%; width: 40%;} .Kgroomsman_container ul li a:hover .mate_hvr { top:0px;} .Kgroomsman_container ul li a:hover .mate_pic{ border-color:#f3f1e9; background:none;} .Family_container{width:60%; float:none; margin:0px auto;} .Family_container h4{color: rgb(243, 196, 131); font-size: 21px; font-weight: bold; margin: 20px 0 0 0;} .Family_container ul{float: left; margin: 20px 0 40px; padding: 0; width: 100%;} .Family_container ul li{ float: left; list-style: outside none none; margin: 1%; padding: 0; width: 48%;border-radius: 10px; overflow: hidden; position: relative; box-shadow: 1px 1px 1px rgba(0,0,0,0.33);} .Family_container ul li a {float: left; overflow: hidden; position: relative; width:100%;} .Family_container ul li a .mate_pic{ float: left; width: 100%; position:relative;} .Family_container ul li a .mate_pic img { float:left;width:100%;} .Family_container ul li a .mate_name { float:left; padding:0px; width:100%;} .Family_container ul li a .mate_name h5{background-color:rgba(41, 77, 157, 0.8); color: #ffffff; float: left; font-size: 17px; font-weight: bold; padding: 10px 5px; width: 100%; margin:0px;text-shadow: 1px 1px 1px rgba(39,77,157,1), 0 0 1px #234690, 1px 1px 1px rgba(39,77,157,2);} .Family_container ul li a .mate_name h5.pink{background-color:rgba(231, 28, 101, 0.8); text-shadow: 1px 1px 1px rgba(133,51,110,1), 0 0 1px #8e3878, 1px 1px 1px rgba(133,51,110,2);} .Family_container ul li a .mate_hvr {background-color: rgba(0, 0, 0, 0.8);height: 100%; left: 0; position: absolute; top: -100%; width: 100%;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -mos-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;} .Family_container ul li a .mate_hvr > img { float: none; margin-top: 35%; width: 40%;} .Family_container ul li a:hover .mate_hvr { top:0px;} .Family_container ul li a:hover .mate_pic{ border-color:#f3f1e9; background:none;} .Family_container ul li.imgcenter{margin-left: 25%;} .While_Youre_Here{float:left; width:100%;} .While_Youre_Here_container{width:60%; margin:0px auto;color: #d92362;} .While_Youre_Here_box{background-image:url("../images/bg_paper.jpg"); background-size: 320px auto; background-color:#fff; border-radius:10px; padding:30px 15px;text-align:center;box-shadow: 4px 4px 2px #c6104f;margin-bottom:15px; float:left; width:100%;} .While_Youre_Here_box > img.icon { max-height: 45px; width:auto;} .While_Youre_Here_box > img{ width:100%;} .While_Youre_Here_box h2{font-size: 19px; font-weight: 800; margin: 20px 0;} .While_Youre_Here_box p{font-size: 16px; font-weight: normal; line-height: 120%; margin: 20px 0;} .While_Youre_Here_box p.Italic{font-style:italic;} .While_Youre_Here_box span{font-size: 16px; font-weight: bold; line-height: 22px; margin: 20px 0;} .While_Youre_Here_box a{color: #ce7f03; font-size: 16px; font-weight: bold; text-decoration: underline; width: 100%; word-break: break-all;} .While_Youre_Here_box a:hover{color: #97743e;} .While_Youre_Here_box #booknow { display: block; background: #d92362; color: #fff; text-decoration: none; padding: 10px 15px; border-radius: 5px; width: 70%; margin-left: 15%; text-transform: uppercase; font-size: 18px; text-shadow: 1px 1px 1px rgba(0,0,0,0.5); } .While_Youre_Here_box #booknow:hover { background: #AF1D50; } .wedding_location{background-image:url("../images/map_bg.jpg");background-size:100%; float:left; width:100%;margin-top: 40px;background-repeat: no-repeat; overflow: hidden; } .wedding_location img{float:left; width:100%;} /* === Photos section ===*/ .Photos { float: left; width: 100%;} .photos_bg{ background-image:url("../images/bg.png");background-size: 200px auto; background-color:#4d2d83;float: left; width: 100%;padding-bottom: 30px;} .photo_container{width:90%; margin:0px auto; } .photo_container ul{float: left; margin: 0; padding: 0; width: 100%;} .photo_container ul li{border-radius: 10px; float: left;list-style:none; margin: 0.5%; overflow: hidden; padding: 1px; position: relative; width: 19%; box-shadow: 1px 1px 1px rgba(0,0,0,0.33);} .photo_container ul li img{width:100%; float:left; margin:0px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);} .tab{float:left; width:100%;} .tab ul{ float: left; text-align: center; width: 100%;} .tab ul li{ display: inline-block; float: none; margin: 10px 2px 20px; padding: 0; width: auto;box-shadow: none;min-height: 20px;} .tab ul li a{color: #ab88e7; border-radius: 5px; display: block; font-size: 17px; font-weight: bold; padding:10px 17px;text-shadow: 1px 1px 2px rgba(0,0,0,0.5); } .tab ul li a:hover{background: none repeat scroll 0 0 rgba(68, 42, 112, 0.75); box-shadow: -1px -1px 0 rgba(0,0,0,0.5); color: #e3c379;text-decoration:none;} .tab ul li a.current{background: none repeat scroll 0 0 rgba(68, 42, 112, 0.75); box-shadow: -1px -1px 0 rgba(0,0,0,0.5); color: #e3c379;text-decoration:none;} #contentWrapper{ width:100%; float:left;} #portfolio-list li{height: 180px;} #portfolio-list li img { min-height: 100%; width: 100%; object-fit: cover; } #portfolio-list li a .mate_hvr {background-color: rgba(0, 0, 0, 0.8); height: 100%; left: 0; position: absolute; top: -100%; width: 100%;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -mos-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; text-align:center;} #portfolio-list li a .mate_hvr > img {box-shadow: none; float: none; margin-top: 23%; min-height: inherit; width: 25%;} #portfolio-list li a:hover .mate_hvr { top:0px;} /* Layout */ .boundingBox {margin: 0 auto;width: 100%;} /* === videos section ===*/ .Videos{ float: left; width: 100%;} .Videos_bg{ background-image:url("../images/bg.png");background-size: 200px auto; background-color:#f29c1f;float: left; width: 100%;padding-bottom: 30px;} .question{font-family: Times,serif;} .Videos_container{width:90%; margin:0px auto; min-height:400px; } .Videos_container > ul {float: left; margin: 0; padding: 0; width: 100%;} .Videos_container li {float: left; list-style: outside none none; margin: 1%; width: 23%; position: relative; overflow: hidden; border-radius: 10px;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.33);} .Videos_container li img{float:left; width:100%;} .Videos_container ul li a .mate_pic{ float: left; width: 100%; position:relative;} .Videos_container ul li a .mate_pic img { float:left;width:100%;} .Videos_container ul li a .mate_name { float:left; padding:0px; width:100%;} .Videos_container ul li a .mate_name h5{ background-color: rgba(137, 88, 18, 0.4); color: #ffffff; float: left; font-size: 15px; font-weight: bold; margin: 0; padding: 10px 5px; text-align: center; text-shadow: 1px 1px 1px #A16D22, 0 0 1px #A16D22, 1px 1px 1px #A16D22; width: 100%; } .Videos_container li a .mate_hvr {background-color: rgba(0, 0, 0, 0.8); height: 100%; left: 0; position: absolute; top: -100%; width: 100%;transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; -mos-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; text-align:center;} .Videos_container ul li a .mate_hvr > img {float: none; margin-top: 23%; width: 25%;} .Videos_container ul li a:hover .mate_hvr { top:0px;} #slvj-window:before{ background-image: url("../images/golden_border.png"); background-repeat: repeat; background-size: 720px auto; height: 37px; content:""; position: fixed; top: 0; width: 100%; } #slvj-window{width:100%;min-height:100%;z-index:9998;background-color: #191919; background-image: url("../images/bg.png"); background-size: 200px auto;position:fixed;top:0;left:0} #slvj-window,#slvj-window *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box} #slvj-background-close{width:100%;min-height:100%;z-index:31;position:fixed;top:0;left:0} #slvj-back-lightbox{width:100%;height:100%;margin:auto;z-index:32} .slvj-lightbox{position:relative;width:100%;height:100%;padding:30px;margin:0;z-index:53;text-align:center;} #slvj-close-icon{ background-image: url("../images/lightbox_x.png"); background-repeat: no-repeat; position: absolute; right: 15px; top: -20px; width: 40px; height: 40px; background-size: 100%; background-color: transparent; z-index:551} #slvj-close-icon:hover{cursor:pointer} /* === guestbook section ===*/ .Guestbook { float: left; text-align: center; width: 100%;padding-bottom: 60px;} .roundborder {float: none; margin: 0 auto; width: 40%;} .fb-comments.fb_iframe_widget.fb_iframe_widget_fluid { background:#ffffff; border-radius: 5px; float: left; margin: 0;width: 100%; min-width: 320px; padding: 20px;} .fb_iframe_widget_fluid span {width: 100% !important;} .fb_iframe_widget iframe {position: absolute;width: 100% !important;} /* === footer section ===*/ footer { float: left; width: 100%;} footer h1{font-weight:bold; margin:0px;} .golden_heading img.heartimg{width:21px;} .our_story, .our_events, .Bridal_Party, .While_Youre_Here, .Photos, .Videos, .Guestbook{padding-top:5vh;}