/*
Theme Name: Wedding Bliss
Theme URI: http://weddingbliss.girlscancode.com
Description: Uniquely designed wedding theme
Version: 1.0
Author: Gabriela Tiganus @ girlscancode.com
Author URI: http://www.girlscancode.com
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: responsive-layout, left-sidebar, right-sidebar, two-columns, light, translation-ready, threaded-comments, theme-options, post-formats, full-width-template, custom-colors
*/


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html {height: 100%!important; min-height: 100%!important;}

body {
	font-size: 16px;
	color: #696262;
	font-family: 'Droid Sans', sans-serif;
	line-height: 26px;
	
	text-shadow:0px 0px 1px #fff;
	height: 100%!important;
}
.container {
	margin-bottom: 20px;
}
a {
	-webkit-transition:color 0.2s ease-in;  
	-moz-transition:color 0.2s ease-in;  
	-o-transition:color 0.2s ease-in;  
	transition:color 0.2s ease-in;
   
}
a, a:hover, a:active, a:focus {
	outline: 0;
	text-decoration: none;
}	
a:hover {
	opacity: 0.7;
}

img, iframe {
	background-color: rgba(255, 255, 255, 0.5);
    	border: 1px solid #FFFFFF;
    	padding: 3px;
    	/*width: 100%;*/
}
img.wp-smiley {
	padding: 0px;
	width: inherit!important;
	border: none
}

h1 {
	font-size: 28px;
	font-family: 'Cinzel',serif;
	font-weight: bold;
	margin-bottom: 1em;

}
h2 {
	font-size: 25px;
	font-family: 'Cinzel',serif;
	font-weight: bold;
	margin-bottom: 1em;
}
h3 {
	font-size: 23px;
	font-family: 'Cinzel',serif;
	font-weight: bold;
	margin-bottom: 1em;
}
h4 {
	font-size: 20px;
	font-weight: bold;
	font-family: 'Cinzel',serif;
	margin-bottom: 1em;
}
h5 {
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 1em;

}
h6 {

}

input, textarea {
	background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    box-shadow: none;
    width: 90%;
}
textarea {
	height: inherit;
}



#countdown-1 {
	border: 1px solid red;
	width: 100%;
	height: 200px;
}

/* HELPER classes */
.clear {
	clear: both;
    	display: block;
    	height: 0;
   	overflow: hidden;
    	visibility: hidden;
}

.fakeheight {
	height:100px;
}
.text-left {
	text-align: left;
}
.text-center {
	text-align: center;
}
.text-right {
	text-align: right;
}

/* =WordPress Core Classes
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float: right;
	margin: 10px 10px 10px 20px
}

.alignleft {
    float: left;
	margin: 10px 20px 10px 10px
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption, .gallery-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}
.sticky {
	display: block;
	background: rgba(255, 255, 255, 0.6);
	padding: 20px;
}
.bypostauthor {
	margin-top: 10px;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
/* "parallax settings" 
--------------------------------------------------------------------------------*/

.parallax-background {
    	background-position:center center;
    	-webkit-background-size: cover !important; 
    	-moz-background-size: cover !important;  
    	-o-background-size: cover !important; 
    	background-size: cover !important;
	height: 300px;
}

.parallax-background.bgfixed {
    	background-attachment: fixed !important;
}


/* "preloader" screen
--------------------------------------------------------------------------------*/


	.bghide {
		
	       position:fixed;
		height:100%;
		width:100%;
		top: 0;
		left: 0;
	       z-index: 9999;
	}

	/* the timer */
	.remaining {
		color: #FFFFFF;
	    	font-family: 'Great Vibes',cursive;
	    	font-size: 91px;
	    	line-height: 150px;
	    	margin: 20px auto 60px;
	    	text-align: center;
		
	}
	#timer {
		
		overflow: visible;
		width:40%;
  		max-width: 960px;
  		min-width: 600px;
		margin: 0 auto;
		z-index: 9999;
		height: 300px;
		
	}
	.counterwrapper {
		width: 100%;
		overflow: hidden;
		
		
	}
	.counterwrapper .aligncenter {
    		margin: 0 auto;
    		overflow: hidden;
    		width: 338px;
    		padding-bottom: 30px;
	}
	.counter {
		height: 6em;
		width: 6em;
		border-radius: 100px;
		background: #fff;
		float: left;
		margin-right: 1em
	}
	.daysleft {
		font-size: 50px;
		padding-top: 15px;
		text-align: center;
		line-height: 70px;
		font-family: cinzel, arial;
		text-align: center;
	}
	.counter h5 {
		display: block;
		margin-top: 20px;
	       font-size: 13px;
	       line-height: 18px;
	       margin-bottom: 15px;
	       text-align: center;
	       color: #fff;
	       text-transform: uppercase;
	}

/* MENU/NAVIGATION STYLES
--------------------------------------------------------------------------------*/
	
	nav {
		font-family: 'Cinzel', serif;
	}
	.navbar-nav > li {
		background: url(img/menu-sepp.jpg) no-repeat center right;
		padding-left: 0px;
	}
	.navbar-nav > li:last-child {
		background: none;
	}
	.navbar-nav > li > a {
		padding: 15px 10px;
	}
	.navbar-nav > li ul li {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	    border-bottom: 1px solid #E5E5E5;
	    padding-bottom: 7px;
	    padding-left: 0;
	    padding-top: 7px;
	}
	.navbar-nav > li ul li:last-child {
		border-bottom: none;
	}
	.left-nav {
		float: left;
		width: 38%;
	}
	.right-nav {
		float: right;
		width: 37%;
	}
	.navbar-inverse {
		background-color:transparent;
		background-image: url(img/header-bg.png);
		background-repeat: repeat-x;
		background-position: 0 -50px;
		height: 100px;
		box-shadow: none;
		border: none;
		font-size: 14px;
		filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	}
	.navbar-inverse a {
		color: #3a3a3a;
	}
	.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
		text-shadow:none;
		
	}
	.navbar-inverse .navbar-nav > li > a {
		color: #999999!important;
	}
	.dropdown-menu > li > a {
		color: #3A3A3A!important;
	}
	.navbar-inverse .navbar-brand {
		line-height: 30px;
	}
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		background-color: transparent;
	}

	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
		background-color: transparent;
	}
	.navbar-inverse .container {
		margin-top: 3px;
	}

	/* color for the menu hover is found in the colors/colors.css stylesheet */

	/* drop-down menu */
	.dropdown-menu {
		text-align: center;
		left: -28px;
		border-top: 2px solid;
	}

	.dropdown-menu > li > a:hover, 
	.dropdown-menu > li > a:focus,
	.dropdown-menu > .active a,
	.dropdown-menu > .active a:hover,
	.dropdown-menu > .active a:focus {
		background-color: transparent;
		background-image: none;
		background-repeat: no-repeat;
	}
	

	.dropdown-menu:after, .dropdown-menu:before {
		bottom: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}

	.dropdown-menu:after {
		border-color: rgba(255, 255, 255, 0);
		border-width: 7px;
		margin-left: -7px;
	}
	.dropdown-menu:before {
		border-color: rgba(240, 118, 119, 0);
		border-width: 7px;
		margin-left: -7px;
	}

	/* date style */
	.navbar-brand{
		display: block;
		float: left;
		width: 26%;
		margin:0 auto;
		text-align: center;
	}

	.navbar-brand {
		
		font-size: 2em;
		font-weight: 600;
	}

	/* the collapsed menu */
	.navbar-inverse .navbar-toggle {
		border:none;
	}
	.navbar-inverse .navbar-toggle:focus {
		background: #fff;
	}

	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		border: none
	}
	.navbar-header .names {
	    	display: none;
	    	font-family: 'Great Vibes',cursive;
	    	font-size: 40px;
	    	margin-top: 15px;
	    	width: 80%;
	    	float: left;
    	}

    	/* what happens when the menu is opened in tablet/phone view*/
    	.navbar-collapse {
		background: #fff;
	}
 



/* SLIDER styles
--------------------------------------------------------------------------------*/
	.jumbotron {
		padding: 0px;
		margin:0px;
		overflow: hidden;

	}
	.flex-viewport {
		padding-top: 80px; 
		border: 1px solid #fff;
	}

	.slider .names {
		
		background: rgba(255, 255, 255, 0.6);
	    	color: #725656;
	    	font-family: 'Great Vibes',cursive;
	    	font-size: 111px;
	    	position: absolute;
	    	text-align: center;
	    	bottom: 0px;
	    	width:60%;
	    	left: 0;
	    	right: 0;
	    	margin: 0 auto;
	    	padding-left: 45px;
	    	z-index: 1028;
	}
	.slider {
		position: relative;
	}
	.slides li {
		padding-left: 0px;
	}
	.slides li .default-header-image {
		width: 100%;
	}
	.slides li img {
		padding: 0px;
		background: transparent;
		border: none
	}
	.slides .alert-danger {
		display: block;
		text-align: center;
		height: 580px;
		margin: 0px;
		 padding-top: 100px;
	}
	.slides .alert-danger span {
		display: block;
		font-family: 'Droid Sans',sans-serif;
		font-size: 22px;
    	line-height: 35px;
    	text-align: center;
    	font-weight: normal;
	}
	.names span {
		background: none repeat scroll 0 0 #FFFFFF;
	    	border-radius: 50px;
	    	font-family: arial;
	    	font-size: 50px;
	    	padding: 8px 3px;
	    	box-shadow: 0px 1px 2px #b7a5a5;
	    	margin:0px 30px;

	}
	.names span i {
		border: 1px solid #D2C9C9;
	    	border-radius: 40px;
	    	padding: 4px 16px;
	}
	.flex-control-nav {
		position: absolute;
		z-index: 1029;
		bottom: 0!important;
	}
	#slider1 {
	    	margin-top: 80px;
	}
	#slider1 .flex-control-nav {
		box-shadow: 0 -10px 4px -10px #656565 inset;
		border-bottom: 1px solid #fff;
	}
	#slider1 .flex-control-paging li a {
		background: #fff;
		width: 15px;
		height: 15px;
	}


/* UNDER the slider
--------------------------------------------------------------------------------*/
	#section-home {
		font-size: 22px;
		line-height: 35px;
		text-align: center;
		background: rgba(255, 255, 255, 0.5);
		padding: 40px 0 8em 0;

	}
	#section-home h2 {
		font-family: 'Cinzel',serif;
		font-size: 34px;
		letter-spacing: 1px;
		margin-bottom: 40px;
		margin-top: 0px;
		font-weight: normal;
	}
	#section-home .btn-primary {
		margin-top: 40px;
	}

/* the beginning of the sections */



/* GENERAL STYLING for all the sections
--------------------------------------------------------------------------------*/
	section[id^="section-"] {
		margin-bottom: 10em;
	}
	body section:first-of-type {
		margin-bottom: 0;
	}
	div[id^="photo-"] {
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
		min-height: 300px;
		height: 300px; 
		margin: 0 auto; 
		width: 100%; 
		max-width: 1920px; 
		margin-bottom: 50px;
	}
	.section-overlay header {
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 21%, rgba(255,255,255,0.7) 77%, rgba(255,255,255,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(21%,rgba(255,255,255,0.7)), color-stop(77%,rgba(255,255,255,0.7)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 21%,rgba(255,255,255,0.7) 77%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 21%,rgba(255,255,255,0.7) 77%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 21%,rgba(255,255,255,0.7) 77%,rgba(255,255,255,0) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 21%,rgba(255,255,255,0.7) 77%,rgba(255,255,255,0) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */

		border-top: 1px solid rgba(255, 255, 255, .5);
		border-bottom: 1px solid rgba(255, 255, 255, .5);
		-webkit-background-clip: padding-box; /* for Safari */
		background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
		
		margin-top: 10%;
		padding: 20px 20px;
		text-align: center;
		text-shadow: none;
		z-index: 1;
		line-height: 35px;
		color: #5E3F3F;
		font-family: 'Cinzel',serif;
		font-size: 33px;
		font-weight: normal;
	}
	.section-overlay header h1 {
		color: #5E3F3F;
		font-family: 'Cinzel',serif;
		font-size: 33px;
		font-weight: normal;
		margin-bottom: 0.5em;
	}
	.section-overlay header span {
		font-size: 16px;
		font-style: italic;
		font-family: 'Droid Sans', sans-serif;
		display: block;
		margin-top: 7px;
		line-height: 22px;
	}

/* "our love story" section
--------------------------------------------------------------------------------*/
	.section-overlay {
		background: url(img/overlay-pattern.png) repeat;
		height: 300px;
		width: 100%;
	}

	#ourstory .row.couple-photos {
		margin-top:50px;
	}

	/* the couple photos */
	.couple-photos {
		margin-bottom: 30px;
		position: relative;
	}

	.couple-photos .hearts {
		 width: 10em; 
		 height: 10em;
		  border-radius: 100% 0;
		  transform: rotate(-45deg) scale(0.99);
		  -webkit-transform: rotate(-45deg) scale(0.99);
		  -moz-transform: rotate(-45deg) scale(0.99);
		  background: #f07677;
		  text-align: center;
		  position: absolute;
		top: 28.9%;
		left: 43.6%;
	}
	.couple-photos .hearts:before {
		
	    transform: scale(4) rotate(45deg);
	    -webkit-transform: scale(4) rotate(45deg);
	    -moz-transform: scale(4) rotate(45deg);
	     color: #FFFFFF;
    content: "♥";
    display: inline-block;
    line-height: 13em;
    padding-bottom: 5%;
    padding-right: 6%;
    text-shadow: none;
	}
	.couple-photos .bride, .couple-photos .groom {
		height: 350px;
	}
	.couple-photos .bride {
		margin-right: -50px;
		margin-left: 60px;
	}
	.couple-photos .groom {
		margin-left: -60px;
	}
	.couple-photos .round-frame {
		height: 350px;
    		width: 350px;
    		border-radius: 250px;
    		overflow: hidden;
    		-webkit-mask-image: -webkit-radial-gradient(white, black);

	}
.couple-photos .round-frame:hover {
	overflow: hidden;
}
	.couple-photos .round-frame img {
		padding: 0px;
		border: none;
		background: none;
	}
	.couple-photos .round-frame-bg {
		background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	height: 360px;
	    	padding: 4px;
	    	width: 361px;
	    	margin: 0;
	}
	.couple-photos .alignright {
		margin: 0px;
	}


	/* the timeline */

	.thetimeline {
		overflow: hidden;
    		position: relative;
	}
	.thetimeline .line {
		background: none repeat scroll 0 0 #d9d9d9;
	    	height: 97%;
	    	left: 50%;
	    	margin: 0 -2px;
	    	position: absolute;
	    	top: 0;
	    	width: 4px;
	}
	.thetimeline .year {
		
		border-radius: 10px;
		color: #FFFFFF;
		display: inline-block;
		height: 28px;
		margin: 0px auto 30px auto;
		position: relative;
		width: auto;
		padding: 0 20px
	}
	.thetimeline .year:last-child {
		margin-bottom: 0px;
		margin-top: 30px;
	}


	.thetimeline .post.odd p {
		text-align: right;
	}
	.thetimeline .post.even p {
		text-align: left;
	}
	.thetimeline .post-content {
		width: 48%;
		padding: 20px;
	}
	.thetimeline .odd .post-content {
		float: left;
	}
	.thetimeline .even .post-content {
		float: right;
	}
	.thetimeline .timelineimg {
		overflow: hidden;
		width: 90%
	}
	.excerpt-content.image p {
		margin: 15px 0;
		font-size: 20px;
		width: 90%;
		line-height: 30px;
		text-align: center!important;
	}

	.video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0; 
    overflow: hidden;
	}
	 
	.video-container iframe,
	.video-container object,
	.video-container embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}


	/* the post box */

	.lb-details {
		text-shadow:none;
		color: #fff;
	}

	.thetimeline .post-box:before {
		-moz-border-bottom-colors: none;
	    	-moz-border-left-colors: none;
	    	-moz-border-right-colors: none;
	    	-moz-border-top-colors: none;
	    	background-color: #FFFFFF;
		border-color: rgba(0, 0, 0, 0.15) -moz-use-text-color -moz-use-text-color rgba(0, 0, 0, 0.15);
		border-image: none;
		border-style: solid none none solid;
		border-width: 0 0px 1px;
		box-shadow: -1px 1px 1px #c1c1c1;
		content: "";
		display: block;
		height: 15px;
		left: auto;
		position: absolute;
		right: -7px;
		transform: rotate(-139deg);
		-ms-transform:rotate(-139deg); /* IE 9 */
		-webkit-transform:rotate(-139deg); /* Safari and Chrome */
		width: 15px;
	}
	.thetimeline .post-box:after {
		 background-clip: padding-box;
    background-color: #F5F5F5;
    border-radius: 10px;
    content: "";
    display: block;
    height: 20px;
    left: auto;
    position: absolute;
    right: -53px;
    top: 18px;
    width: 20px;
    border: 3px solid #F07677;
	}
	.thetimeline .post.even .post-box:after {
		right: auto;
		left: -53px;
	}
	.thetimeline .post.even .post-box:before {
		left:-8px;
		transform: rotate(50deg);
		-ms-transform:rotate(-50deg); /* IE 9 */
	   	-webkit-transform:rotate(-315deg); /* Safari and Chrome */
	}
	.theyear {
		width: 100%;
		overflow: hidden;
		text-align: center;
	}
	.post-box {
		background-clip: padding-box;
	    	background-color: #FFFFFF;
	    	border-radius: 6px;
	    	box-shadow: 0 0 4px rgba(0, 0, 0, 0.08);
	    	margin: 0 0 1.52em;
	    	padding: 20px;
	    	position: relative;
	    	box-shadow: 0px 0px 2px #999999;
	    	
	    
	}

	 .post-box .readmore  {
	 	display: block;
		width: auto;
		text-transform: uppercase;
		
	 }
	.thetimeline .post.odd .post-box .readmore {
		padding: 0 10px 0 0;
		float: right;
		
	}
	.thetimeline .post.even .post-box .readmore {

		float: left;
		padding: 0 10px 0 0;
	}
	.post .excerpt {
		position: relative;
		padding: 10px 0 0 35px;
		float: right;
		width: 50%;
		
	}
	.post .excerpt-content {
		font-size: 30px;
		line-height: 45px;
		color: #929292;
		font-style: italic;
		text-align: center;
	}

	.post .excerpt-content.gallery {
		width: 100%;
		overflow: hidden;
	}
	.post .excerpt-content.gallery h4 {
		text-align: left;
		margin-bottom: 20px;
		font-style: normal;
	}
	.post .excerpt-content a {
		display: block;
		float: left;
		margin-right: 5px;
	}
	.post .excerpt-content a:last-child {
		margin-right: 0px;
	}
	.post .excerpt-content span {
		color: #FFFFFF;
	    	display: block;
	    	float: left;
	    	font-size: 100px;
	    	margin-right: 20px;
	    	margin-top: 23px;
	    	font-family: arial, sans-serif
	}
	.excerpt-content.gallery {
		padding: 0px 10px;
	}
	.post.odd .excerpt-content.quote {
		padding: 20px 40px 20px 20px;
	}
	.post.even .excerpt {
		padding: 10px 0 0 0px
	}
	.post.even .excerpt-content.quote {
		padding: 20px 90px 20px 0px;
	}
	

	.thetimeline .post-content header {
		width: 100%;
		overflow: hidden;
		margin-bottom: 20px;
		font-size: 14px;
	}

	.thetimeline .post-content header .date {
		width: auto;
		float: left;
		text-align: center;
		text-transform: uppercase;
		width: 29%;
	}
	.thetimeline .post-content header .date span {
		display: block;
		border-top: 2px solid #e1e0e0;
		border-bottom: 1px solid #e1e0e0;
	}
	.thetimeline .post-content header h2 {
		width: 69%;
		float: right;
		text-align: right;
		display: block;
		margin: 0px;
		padding-top: 10px;
		font-weight: normal;
		font-size: 26px;
	}
	.post.even header .date {
		float: right;
	}
	.post.even .post-content header h2 {
		float: left;
		text-align: left;
		padding-top: 10px;
	}


/* "THE BRIDE's SIDE" section
--------------------------------------------------------------------------------*/
	.bridemom h5, .bridedad h5, .bridesmaid h5{
		
		text-align: center;
		font-size: 20px;
		color: #818181;
		line-height: 22px;
		font-weight: normal;
	}

	.bridemom, .bridedad, .thebride, .bridesmaid {
		padding: 40px;
	}
	
	.col-md-4.thebride{
		padding: 0;
	}
	
	/* Bride's mom and dad photos */
	.template-brideside .fakeheight, .template-groomside .fakeheight {height: 500px;}
	.template-blog2 .fakeheight {height: 500px;}
	.template-blog1 .fakeheight {height: 700px;}
	.template-guestbook .fakeheight {height: 230px;}

	.bridemom .round-frame, .bridedad .round-frame {
		height: 200px;
    		width: 200px;
    		border-radius: 250px;
    		overflow: hidden;
    		-webkit-mask-image: -webkit-radial-gradient(white, black);
    		
	}
	.round-frame img, .blog2img img,.megafolio-container img, .blog .post a img, .search .post a img, .archive .post a img {
		-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	}
	.round-frame img:hover, .blog2img img:hover, .megafolio-container img:hover  {
		transform: scale(1.05);
		-ms-transform: scale(1.05); /* IE 9 */
		-webkit-transform: scale(1.05); /* Chrome, Safari, Opera */
	}
	.blog .post a img:hover, .search .post a img:hover, .archive .post a img:hover {
		opacity: 0.8;
		-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
	}
	.bridemom .round-frame img, .bridedad .round-frame img {
		padding: 0px;
		border: none;
		background: none;
	}
	.bridemom .round-frame-bg, .bridedad .round-frame-bg {
		background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	height: 210px;
	    	padding: 4px;
	    	width: 211px;
	    	margin:0 auto;
	}

	/* Bride's photo */
	.thebride .round-frame {
		height: 350px;
    		width: 350px;
    		border-radius: 250px;
    		overflow: hidden;
    		-webkit-mask-image: -webkit-radial-gradient(white, black);
    		
	}
	.thebride .round-frame img {
		padding: 0px;
		border: none;
		background: none;
	}
	.thebride .round-frame-bg {
		background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	height: 360px;
	    	padding: 4px;
	    	width: 361px;
	    	margin:0 auto;
	}

	/* Bride maid's photo */
	.bridesmaid .round-frame {
		height: 250px;
    		width: 250px;
    		border-radius: 250px;
    		overflow: hidden;
    		-webkit-mask-image: -webkit-radial-gradient(white, black);
	}
	.bridesmaid .round-frame img {
		padding: 0px;
		border: none;
		background: none;
	}
	.bridesmaid .round-frame-bg {
		background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	height: 260px;
	    	padding: 4px;
	    	width: 261px;
	    	margin:0 auto;
	}


/* "THE GROOM's SIDE" section
--------------------------------------------------------------------------------*/
	
	.groommom h5, .groomdad h5, .thegroom h5, .groomsmaid h5{
		
		text-align: center;
		font-size: 20px;
		color: #818181;
		line-height: 22px;
		font-weight: normal;
	}
	.groommom, .groomdad, .thegroom, .groomsmaid {padding: 40px;} {
		padding: 40px;
	}
	.col-md-4.thegroom{
		padding: 0;
	}
	
	/* groom's mom and dad photos */

	.groommom .round-frame, .groomdad .round-frame {
		height: 200px;
    		width: 200px;
    		border-radius: 250px;
    		overflow: hidden;
    		-webkit-mask-image: -webkit-radial-gradient(white, black);
    		
	}
	.groommom .round-frame img, .groomdad .round-frame img {
		padding: 0px;
		border: none;
		background: none;
	}
	.groommom .round-frame-bg, .groomdad .round-frame-bg {
		background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	height: 210px;
	    	padding: 4px;
	    	width: 211px;
	   	margin:0 auto;
	}

	/* groom's photo */
	.thegroom .round-frame {
		height: 350px;
    		width: 350px;
    		border-radius: 250px;
    		overflow: hidden;
    		-webkit-mask-image: -webkit-radial-gradient(white, black);
    		
	}
	.thegroom .round-frame img {
		padding: 0px;
		border: none;
		background: none;
	}
	.thegroom .round-frame-bg {
		background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	height: 360px;
	    	padding: 4px;
	    	width: 361px;
	    	margin:0 auto;
	}

	/* groom maid's photo */
	.groomsmaid .round-frame {
		height: 250px;
    		width: 250px;
    		border-radius: 250px;
    		overflow: hidden;
    		-webkit-mask-image: -webkit-radial-gradient(white, black);
    		
	}
	.groomsmaid .round-frame img {
		padding: 0px;
		border: none;
		background: none;
	}
	.groomsmaid .round-frame-bg {
		background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	height: 260px;
	    	padding: 4px;
	    	width: 261px;
	    	margin:0 auto;
	}

/* "wedding location" section
--------------------------------------------------------------------------------*/
	.location h4 {

		margin-bottom: 10px;
	}
	.location iframe {
		margin-top: 20px;
	}
	.location .sectionmaintitle {
		margin-bottom: 0.5em;
		margin-top: 0.2em;
	}
	
	.location.fakeheight {min-height: 27em;}
	.hotels.fakeheight{min-height: 15em;}
	.attractions.fakeheight{min-height: 15em;}

	/* location details */
	.hotels h5, .attractions h5{
		text-align: left;
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 5px;
		color: #818181;
		line-height: 18px;
	}
	
	.locationdetails {
		margin:20px 0px;
		padding: 0px;
		width: 100%;
		overflow: hidden;
		padding-bottom: 30px;
	}
	.locationdetails p {
		margin-bottom: 0px;
	}
	.locationdetails li {
		list-style-type: none;
		width: 45%;
		float: left;
		padding-left: 0px;
		background: none;
	}
	.locationdetails li:last-child {
		float: right;
		width: 30%
	}
	.locationdetails li span {
		display: block;
		float: left;
		margin-right: 20px;
		margin-top: 8px;
		width: 10px;
	}
	.locationdetails .alignleft {
		margin: 0px;
		width: 81%;
	}
	.location .col-md-6.alignright {
		margin: 0px;
	}
	/* hotels and attractions */
	.hotels {
		background-color: rgba(255, 255, 255, 0.4);
		background: rgba(255, 255, 255, 0.4);
		padding: 30px 0;
		margin-bottom: 100px;
	}
	
	#weddinglocation .hotels .row {
		margin-bottom: 0px;
	}
	.hotels p, .attractions p {
		margin-bottom: 0px;
	}
	
	.hotels .readmore, .attractions .readmore {
		border-radius: 8px;
	    	color: #FFFFFF!important;
	    	display: block;
	    	font-size: 13px;
	    	margin-top: 10px;
	    	padding: 0 12px;
	    	text-align: center;
	   	 text-transform: uppercase;
	    	width: 80px;
	    	line-height: 23px;
	    	-webkit-transition:all 0.2s ease-in;  
	   	-moz-transition:all 0.2s ease-in;  
	   	-o-transition:all 0.2s ease-in;  
	   	transition:all 0.2s ease-in;
	   	margin-bottom: 20px;
	}
	.hotels .readmore:hover, .attractions .readmore:hover {
		text-decoration: none;
		background: #e06465;
		color: #fff!important;
		opacity: 0.7;
	}
	.hotels .round-frame-bg, .attractions .round-frame-bg {
		 background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	float: left;
	    	height: 79px;
	    	margin-right: 10px;
	    	padding: 3px;
	    	width: 78px;
	    	margin-top: 20px;
	}
	.hotels .round-frame, .attractions .round-frame {
		border-radius: 250px;
	    	height: 70px;
	    	overflow: hidden;
	    	width: 70px;
	    	-webkit-mask-image: -webkit-radial-gradient(white, black);
	}
	.hotels .round-frame img, .attractions .round-frame img {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	    	border: medium none;
	    	padding: 0;
	}
	.hotels .alignright, .attractions .alignright {
		margin:0px;
		padding-top: 10px;
		width: 174px;
	}

	

	/* the transition effects */
	.hotels .row >div .round-frame-bg, .attractions .row > div .round-frame-bg{
		 -webkit-transition:all 0.2s ease-in;  
		   -moz-transition:all 0.2s ease-in;  
		   -o-transition:all 0.2s ease-in;  
		   transition:all 0.2s ease-in;
		   overflow: hidden;
	}
	.hotels .row >div:hover .round-frame-bg, .attractions .row >div:hover .round-frame-bg{
		 margin-top: 10px;
	}
	.hotels .row >div:first-child:hover, .attractions .row >div:first-child:hover {
		margin-top: inherit;
	}


/* "BLOG MODEL 1" section
--------------------------------------------------------------------------------*/

	/* blog container */
	.blog1-container {
		max-width:1260px;
		min-width:240px;
		width:auto;
		margin:auto;
		padding:0px 30px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		overflow: hidden;

	}
	.mega-white.mega-covercaption a.btn {
		color: #fff!important;
		border-bottom: none;
		font-size: 13px;
	}
	 
	.megafolio-container3{  
		width:100%; 
	   	position:relative;
	   	-moz-box-sizing: border-box;
	   	box-sizing: border-box;
	   	-webkit-box-sizing: border-box;
	}
	.blog1-container .mega-socialbar {
		background: #fff;
		height: 20px;
		padding-top: 10px;
	}
	.blog1-container .mega-socialbar span {
		text-shadow:none;
		font-size: 13px;
	}	
	.btn.readmore {
		display: block;
		margin: 50px auto;
		width: 250px;
	}
	



/* "BLOG MODEL 2" section
--------------------------------------------------------------------------------*/
	
	/* the blog posts */
	#blog2 .post{
		margin-top: 20px;
		padding: 20px;
	}
	
	#blog2 .post-title {
		font-family: 'Cinzel',serif;
		margin-bottom: 0.5em
	}
	.post-title {

	}
	#blog2 .post .btn-primary {
		margin:0 auto;
	}
	#blog2 .post p {
		margin-bottom: 20px;
	}

	#blog2 .post.odd {
		text-align: left;
	}
	#blog2 .post.even {
		text-align: right;
	}
	#blog2 .fakeheight {height: 20em}
	#blog2 .post {
		height: 33em;
	}
	#blog2 .post img {
		background: none;
		border: none;
		padding: 0px;
	}
	.blog2img {
		height: 258px;
		overflow: hidden;
		background-color: rgba(255, 255, 255, 0.5);
	    border: 1px solid #FFFFFF;
	    padding: 3px;
	}
	.blog2img img {
		display: block;
	margin: 0 auto;
	width: inherit;
	border: none;
	padding-top: 0px;
	}


/* "GALLERY MODEL 1" section
--------------------------------------------------------------------------------*/

	/* gallery container */
	.gallery-container {
		max-width:1260px;
		min-width:240px;
		width:auto;
		margin:auto;
		padding:0px 30px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		overflow: hidden;

	}
	.mega-hoverview, .mega-hoverlink {
		border-radius: 100px;
		background-color: #f07677;
	}
	 
	.megafolio-container{  
		width:100%; 
	   	position:relative;
	   	-moz-box-sizing: border-box;
	   	box-sizing: border-box;
	   	-webkit-box-sizing: border-box;
	}
	
	/* gallery filter */

	.filter-list {
		padding-left: 0px;
		background-color: #d9d9d9;
		border-radius: 20px;
		margin: 70px auto;
		width: 90%;
	}

	.filter-list li {
		display: inline;
		padding: 5px 18px;
		margin:0px;
		font-family: 'Cinzel',serif;
		text-shadow:none;
		
	}
	.filter-list li:first-child.filter {
		border-radius: 20px 0 0 20px;
		color: #fff;
	}

	.filter-list li.filter {
		background: transparent;
		border-right: 1px solid #e9e9e9;
		font-weight: 300;
		color: #584040;
		-webkit-transition:all 0.2s ease-in;  
	   	-moz-transition:all 0.2s ease-in;  
	   	-o-transition:all 0.2s ease-in;  
	   	transition:all 0.2s ease-in;
	}
	.filter-list li.filter:hover {
		color: #fff!important;
	}
	.filter-list li.filter.selected {
		color: #fff;
	}
	.filter-list li:last-child.filter {
		border-right: none
	}
	.gallery-container .mega-hover {
		background-color: rgba(255,255,255, 0.7);
		border-radius: 0;
	}
	.gallery-container .mega-hovertitle {
		color: #725656;
		text-transform: uppercase;
		line-height: 20px;
	}
	.gallery-container .mega-hovertitle .mega-hoversubtitle {
		font-style: italic;
		color: #725656;
		font-weight: bold;
	}



/* "GALLERY MODEL 2" section
--------------------------------------------------------------------------------*/

	/* gallery container */
	.gallery-container2 {
		width: 100%;
		margin:50px auto;
		padding:0px 30px;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		overflow: hidden;


	}
	 
	.megafolio-container2{  
		width:100%; 
	   	position:relative;
	   	-moz-box-sizing: border-box;
	   	box-sizing: border-box;
	   	-webkit-box-sizing: border-box;
	}

	.gallery-container2 .mega-hover {
		background-color: rgba(255,255,255, 0.7);
		border-radius: 0;
	}
	.gallery-container2 .mega-hovertitle {
		color: #725656;
		text-transform: uppercase;
		line-height: 20px;
	}
	.gallery-container2 .mega-hovertitle .mega-hoversubtitle {
		font-style: italic;
		color: #725656;
		font-weight: bold;
	}
	.gallery-container2 .mega-entry .mega-entry-innerwrap {
		/*border: 2px solid #fff;*/
		border-radius: 0px; 
		background-color: rgba(255, 255, 255, 0.5);
		border: 1px solid #FFFFFF;
		padding: 3px;
	}
	.gallery-container2 .mega-hover {
		width: 98%;
		height: 98%;
	}

/* "REGISTRY" section
--------------------------------------------------------------------------------*/

	#registry h4{

		margin-bottom: 20px;
		
	}
	#registry h5 {
	    	color: #818181;
	    	font-size: 15px;
	    	font-weight: bold;
	    	line-height: 18px;
	    	margin-bottom: 5px;
	    	text-align: left;
	}
	.registry.fakeheight, .donation.fakeheight {height: 17em;}

	/* the registry listings */

	.registry {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
	    	margin: 40px 0;
	    	padding: 30px 0;
	}
	.registry .row >div .round-frame-bg {
		-webkit-transition:all 0.2s ease-in-out;  
		-moz-transition:all 0.2s ease-in-out;  
		-o-transition:all 0.2s ease-in-out;  
		transition:all 0.2s ease-in-out;
	}
	.registry .row >div:hover .round-frame-bg{
		-webkit-transition:all 0.2s ease-in-out;  
		-moz-transition:all 0.2s ease-in-out;  
		-o-transition:all 0.2s ease-in-out;  
		transition:all 0.2s ease-in-out;
	}
	.registry .row >div {
		margin-bottom: 20px;
	}
	.registry .row >div:hover .round-frame-bg{
		margin-top: -10px;
	}
	.registry .round-frame-bg {
		background-color: rgba(255, 255, 255, 0.5);
	    	border: 1px solid #FFFFFF;
	    	border-radius: 250px;
	    	float: left;
	    	height: 119px;
	    	width: 118px;
	    	margin-right: 10px;
	    	margin-top: 10px;
	    	padding: 3px;
	    
	}
	.registry .round-frame {
		border-radius: 250px;
	    	height: 110px;
	    	overflow: hidden;
	    	width: 110px;
	    	-webkit-mask-image: -webkit-radial-gradient(white, black);
	}
	.registry .round-frame img {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	    	border: medium none;
	    	padding: 0;
	}
	.registry .alignright {
		margin: 0;
   	 	padding-top: 10px;
   	 	width: 60%
	}
	.registry .readmore {
		border-radius: 8px;
	    	color: #FFFFFF!important;
	    	display: block;
	    	font-size: 13px;
	    	line-height: 23px;
	    	margin-top: 10px;
	    	padding: 0 12px;
	    	text-align: center;
	    	text-transform: uppercase;
	    	-webkit-transition:all 0.2s ease-in;  
	   	-moz-transition:all 0.2s ease-in;  
	   	-o-transition:all 0.2s ease-in;  
	   	transition:all 0.2s ease-in;
	   	width: 80px;
	   	margin-bottom: 20px;
	}
	.registry .readmore:hover{
		text-decoration: none;
		background: #e06465;
		color: #fff!important;
		opacity: 0.7;
	}


	/* donation */
	
	.donation span {
		font-size: 74px;
		text-align: center;
		line-height: 90px;
		padding-right: 0.2em;
		display: block;


	}
	.donation span sup {
		font-size: 23px; 
		color: #6f6f6f;
		top:-1.5em;
	}
	.donation .readmore {
		border-radius: 8px;
	    	color: #FFFFFF!important;
	    	font-size: 13px;
	    	line-height: 23px;
	   	 margin-top: 10px;
	   	 padding: 3px 15px;
	    	text-align: center;
	    	text-transform: uppercase;
	    	-webkit-transition:all 0.2s ease-in;  
	   	-moz-transition:all 0.2s ease-in;  
	   	-o-transition:all 0.2s ease-in;  
	  	 transition:all 0.2s ease-in;
	    	width: 80px;
	}
	.donation .readmore:hover{
		text-decoration: none;
		background: #e06465;
		text-align: center;
		color: #fff!important;
		opacity: 0.7;
	}
	.donation .col-md-2 {
		text-align: center;
		padding-top: 3em
	}
	

/* "GUEST BOOK" section
--------------------------------------------------------------------------------*/

	#guestbook .sectionmaintitle {
		font-size: 25px;
		font-weight: bold;
		font-family: 'Cinzel',serif;
		margin-bottom: 10px;
		text-align: center;
	}
	#guestbook img {
		border-radius: 30px
	}


	#guestbook .border {
		width: 100%;
		overflow: hidden;
		padding: 15px;
		margin-bottom: 3em;
	}
	#guestbook .border .row{
		border: 1px dashed #a8a8a8;
		border-bottom: none;
		border-right: none;
		margin-top: 0px;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.3)
		
	}
	#guestbook .border [class*="col-md"] {
		border-right: 1px dashed #a8a8a8;
		border-bottom: 1px dashed #a8a8a8;
		-webkit-transition:all 0.2s ease-in;  
		-moz-transition:all 0.2s ease-in;  
		-o-transition:all 0.2s ease-in;  
		transition:all 0.2s ease-in;
		padding: 20px;
	}
	#guestbook [class*="col-md"] .date {
		-webkit-transition:all 0.2s ease-in;  
		-moz-transition:all 0.2s ease-in;  
		-o-transition:all 0.2s ease-in;  
		transition:all 0.2s ease-in;
	}
	#guestbook .border [class*="col-md"]:hover {
		background-color: rgba(255, 255, 255, 0.5);
		background: rgba(255, 255, 255, 0.5);
	}
	#guestbook [class*="col-md"]:hover .date {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	#guestbook [class*="col-md"]>div {
		height: 230px;
		overflow: hidden;
	}

	
	#guestbook [class*="col-md"] .row {
		background-color: rgba(255, 255, 255, 0.3);
		background: rgba(255, 255, 255, 0.3);
	}
	#guestbook .border img {
		background-color: transparent;
		border: none;
		padding: 0px;
		width: inherit;
	}
	#guestbook .col-md-12 h5 {
		width: 90%;
		float: right;
		font-size: 16px;
		font-family: 'Cinzel',serif;
	}
	#guestbook .col-md-6 h5 {
		width: 85%;
		float: right;
		font-size: 16px;
		font-family: 'Cinzel',serif;
	}
	#guestbook .col-md-4 h5 {
		width: 75%;
		float: right;
		font-size: 16px;
		font-family: 'Cinzel',serif;
	}
	#guestbook .border h5 span {
		display: block;
		margin-top: 5px;
		font-family: 'Droid', arial;
		font-size: 14px;
		font-style: italic;
	}
	#guestbook .border p {
		margin-top: 1em;
	}

/* "EVENTS CALENDAR / RSVP" section
--------------------------------------------------------------------------------*/
	#rsvp .sectionmaintitle {
		font-size: 25px;
		font-weight: bold;
		font-family: 'Cinzel',serif;
		margin-bottom: 10px;
		text-align: center;
	}
	#rsvp h5 {
		font-size: 15px;
	    	font-weight: bold;
	    	margin-bottom: 5px;
	    	text-align: center;
	    	color: #818181;
	    	line-height: 18px;
	}

	/* the calendar */
	#rsvp .row {
		margin-top: 2em;
	}
	#rsvp .border {
		width: 100%;
		overflow: hidden;
		padding: 15px;
	}
	#rsvp .border .row{
		border: 1px dashed #a8a8a8;
		border-right: none;
		margin-top: 0px;
		
	}
	.calendar .border .row > div {
		border-right: 1px dashed #a8a8a8;
		-webkit-transition:all 0.2s ease-in;  
		-moz-transition:all 0.2s ease-in;  
		-o-transition:all 0.2s ease-in;  
		transition:all 0.2s ease-in;
	}
	.calendar .border .row > div .date {
		-webkit-transition:all 0.2s ease-in;  
		-moz-transition:all 0.2s ease-in;  
		-o-transition:all 0.2s ease-in;  
		transition:all 0.2s ease-in;
	}
	.calendar .border .row > div:hover {
		background-color: rgba(255, 255, 255, 0.5);
		background: rgba(255, 255, 255, 0.5);
		cursor: pointer
	}
	.calendar .border .row > div:hover .date {
		padding-top: 20px;
		padding-bottom: 10px;
	}

	.calendar > div .row >div {
		height: 150px;
	}

	
	.calendar > div .row {
		background-color: rgba(255, 255, 255, 0.3);
		background: rgba(255, 255, 255, 0.3);
	}
	.calendar > div .date {
		font-size: 45px;
		font-family: 'Cinzel',serif;
		text-align: center;
		padding-top: 30px;
	}
	.calendar > div .date span  {
		font-size: 18px;
		text-transform: uppercase;
	}
	#rsvpform {
		padding-top:0.8em;
	}
	#rsvpform h5 {
		font-size: 21px;
		font-weight: normal;
		text-align: left;
		line-height: 25px;
		margin-top: 0px;
	}
	#rsvpform h5 span {
		font-size: 15px;
		display: block;
	}
	#rsvpform .row {
		margin-top: 0em; 
		margin-bottom: 1em
	}
	#rsvpform .eventTag {
		background: #f9f9f9; 
		border: 1px solid #dadada; 
		border-radius: 20px; 
		padding: 0px 10px 0 10px;
		font-size: 14px;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#rsvpform .checkbox-inline input {
		display: none
	}
	#rsvpform .checkbox-inline {
		padding-left: 10px;
	}
	#rsvpform .eventTag span {
		text-align: right;
		padding-left: 10px;
		cursor: pointer;
	}
	#rsvp .alert-danger {display: none;}
	#rsvp .alert-success {display: none;}
	#rsvp .notcompleted {background-color:#f3abab!important;}
	.ajax-loader {width: inherit!important;}


/* UIELEMENTS STYLES
--------------------------------------------------------------------------------*/
	#uielements .sectionmaintitle {
		font-size: 25px;
		font-weight: bold;
		font-family: 'Cinzel',serif;
		margin-bottom: 10px;
		text-align: center;
	}


	#uielements .row {
		margin-bottom: 5em;
	}
	.bs-glyphicons {
		padding-left: 0px;
	}
	.bs-glyphicons li {
		list-style:none;
		width: 60px;
		float: left;
		text-align: center;
		padding: 15px 0;
		border: 1px dashed #A8A8A8;
		background:none;
	}

/* SINGLE PAGE WITH RIGHT COLUMN
--------------------------------------------------------------------------------*/
	/* the header */
	#photo-single-page {
		background-image:none;
		min-height: 300px;
		height: 300px; 
		margin: 0 auto; 
		width: 100%; 
		max-width: 1920px; 
		margin-bottom: 50px;
	}
	.post-content  img {}
	.post-content {overflow: hidden;}
	.thetimeline .post-content {overflow:visible;}
	.post-content .row, table {
		margin-bottom: 3em!important;
	}
	.post-content .row table {
		margin-bottom: 20px!important;
	}
	button i {margin-right: 10px;}


	/* the right column */
	.right-column ul {
		padding-left: 10px;
	}

	.right-column ul li {
		list-style: none;
		margin-bottom: 4em;
		background: none;
		font-size: 15px;
		line-height: 23px;
	}
	.right-column ul li ul li {
		margin-bottom: 10px;
		background: url("img/list-arrow.png") no-repeat scroll 0 10px rgba(0, 0, 0, 0);
	}
	.form-group {
		width: 100%;
		overflow: hidden;
	}

	.search-box .form-group {
		position: relative;
	}
	.flickr-box .photos {
		padding-left: 0px;
		width: 100%;
		overflow: hidden;
		margin-top: 20px;
	}
	.flickr-box .photos li {
		padding-left: 0px;
		display: block;
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
		width: 100px;
	}
	.recent-comments ul, .recent-comments ul li {
		width: 100%;
		overflow: hidden;
	}
	.recent-comments ul {
		padding-left: 0px;
	}
	.recent-comments ul li {
		padding-left: 0px!important;
		background:none!important;
	}
	.recent-comments ul li img {
		width: 60px;
		background: none;
		border: none;
		padding: 0px;

	}
	.recent-comments ul li .alignleft {
		margin:10px 0 0 0px;
	}
	.recent-comments ul li .alignright {
		width: 76%;
		margin: 0px;
	}
	.recent-comments ul li .alignright h5 {
		margin-bottom: 5px;
	}
	.postedin{
		margin-top: 20px;
		width: 100%;
		overflow: hidden;
		margin-bottom: 1em
	}
	.postedin a {
		background: none repeat scroll 0 0 #F9F9F9;
	    	border: 1px solid #DADADA;
	    	border-radius: 20px;
	    	float: left;
	    	font-size: 14px;
	    	margin-bottom: 10px;
	    	margin-right: 10px;
	    	padding: 0 10px;
	}
	#disqus_thread iframe {
		padding: 20px;
	}
	.wp-post-image{
		margin-bottom: 2em;
	}

	/* comments */
	.comments {
		margin-top: 5em;
	}
	.comments img {
		width: inherit;
		border-radius: 150px;
		-webkit-border-radius: 150px;
		-moz-border-radius: 150px;
		padding: 0px;
	}
	.comments .comment-list {
		list-style-type: none;
		padding-left: 0px;
	}
	.comment-body {
		padding: 15px;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
		margin-bottom: 30px;
	}
	.comment-author {
		margin-bottom: 20px;
	}
	.reply {
		text-align: right;
		width: 100%;
		overflow: hidden;
	}
	.reply a {
	    border: medium none;
	    border-radius: 30px;
	    box-shadow: none;
	    color: #FFFFFF!important;
	    display: block;
	    float: right;
	    font-family: 'Cinzel',serif;
	    text-align: center;
	    text-shadow: none;
	    transition: all 0.2s ease-in 0s;
	    width: 100px;
	}
	#commentform input, #commentform textarea {
		background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    float: left;
    font-size: 14px;
    height: 40px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    box-shadow: none;
    width: 100%;
	}
	#respond {
		margin-top: 4em;
	}
	#commentform label {
		font-weight: normal;
		float: left;
		width: 70px;
	}
	.comment-form-comment {
		width: 100%;
		overflow: hidden;
	}
	 #commentform textarea {
	 	height: inherit;
	 	width: 100%;
	 }
	 .form-allowed-tags{
	 	margin: 20px 0;
	 }
	 code {
	 	white-space: pre-wrap;
	 	margin-top: 20px;
	 }
	 #commentform p {
	 	width: 100%;
	 	overflow: hidden;
	 	margin-bottom: 20px;
	 }
	 #commentform #submit {
    border: medium none;
    border-radius: 30px;
    box-shadow: none;
    color: #FFFFFF;
    font-family: 'Cinzel',serif;
    text-shadow: none;
    transition: all 0.2s ease-in 0s;
    width: 160px;
	 }

/* "WIDGETS" styling
--------------------------------------------------------------------------------*/


	select, .right-column input#s  {
		background-color: #FFFFFF;
	    border: 1px solid #CCCCCC;
	    color: #555555;
	    display: block;
	    font-size: 14px;
	    height: 40px;
	    line-height: 1.42857;
	    padding: 6px 12px;
	    vertical-align: middle;
	    width: 100%;
	}

	option {
		background-color: #FFFFFF;
		color: #555555;
		 font-size: 14px;
	    height: 24px;
	    line-height: 1.42857;
	    padding: 6px 12px;
	    vertical-align: middle;
	}
	.rsvp_widget {
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
		text-align: center;
		padding: 15px 15px 25px 15px;
		overflow: hidden;
	}
	.textwidget p, .rsvp_widget p {
		margin-bottom: 20px;
	}
	#searchsubmit {
		background-image: url("megafolio/assets/lupe.png");
		background-repeat: no-repeat;
    	border: medium none;
    	border-radius: 100px;
    	height: 33px;
    	position: absolute;
    	width: 33px;
    	right: 5px;
    	top:4px;
	}
	.error404 #searchsubmit {
		right: 5px;
		top: 3px;
	}
	.search-fieldset {
		position: relative;
	}
	.error404 .search-fieldset {
		width: 350px;
		margin: 10px auto;
	}

	/* calendar */
	#calendar_wrap {
		padding: 15px 15px 15px;
		background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5);
	}
	#calendar_wrap table {
		width: 95%;
		margin: 0 auto;
	}
	#calendar_wrap table caption {
		background: #fff;
		padding: 5px;
		margin-bottom: 10px;
	}
	#calendar_wrap th, #calendar_wrap td {
		padding: 3px 10px
	}
	#calendar_wrap td {
		border: 1px solid #CCCCCC
	}
	#calendar_wrap tfoot td {
		border: none;
		padding-top: 20px;
	}
	.right-column ul li ul li a {
		color: #000!important;
	}
	.right-column ul li ul li a:hover {
		text-decoration: none;
	}
	.right-column img {
		width: inherit;
	}
	.rsswidget img {
		background-color: transparent;
		padding: 0px;
		margin-right: 10px;
	}


/* "CONTACT US" modal window
--------------------------------------------------------------------------------*/
	#myModalLabel {
		font-family: 'Cinzel',serif;
		font-size: 30px;
		text-align: center;
		padding: 10px 20px;
		
	}
	.form-control {
		box-shadow: none;
		border-radius:2px;
	}
	.modal-footer {
		text-align: center;
	}
	.modal .alert-success, .modal .alert-danger {display: none}
	.modal-body input, .modal-body textarea {
		 background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 2px;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 100%;
	}
	.modal-body {
		padding: 20px 20px 0;
	}
	.modal-body textarea {
		height: auto;
	}
	.modal-body .wpcf7-submit {
		 background: none repeat scroll 0 0 #F07677;
	    border: medium none;
	    border-radius: 30px;
	    box-shadow: none;
	    color: #FFFFFF;
	    font-family: 'Cinzel',serif;
	    text-shadow: none;
	    transition: all 0.2s ease-in 0s;
	    width: 20%;
	    font-size: 18px;
	    margin: 0 auto
	}
	.modal-body .wpcf7-form {
		font-weight: bold;
	}
	.modal-body .wpcf7-form p:last-of-type {
		border-top: 1px solid #E5E5E5;
    margin-bottom: 0;
    margin-top: 35px;
    padding: 20px 0 0;
	}
	
/* THE FOOTER
--------------------------------------------------------------------------------*/
	footer {
		background: none repeat scroll 0 0 #FFFFFF;
		color: #A5A5A5;
		font-size: 12px;
		padding: 10px 0 0;
		text-align: center;
		border-top: 2px solid;
	}
	footer .names {
		color: #725656;
	    	padding-top: 10px;
	    
	}
	footer .container {
		margin-bottom: 0px;
	}

/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
	font-family: 'flexslider-icon';
	src:url('fonts/flexslider-icon.eot');
	src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('fonts/flexslider-icon.woff') format('woff'),
		url('fonts/flexslider-icon.ttf') format('truetype'),
		url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; padding-left: 0px;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 60px; margin: -20px 0 0; position: absolute; top: 30%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: #fff; text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
/*.flex-direction-nav li {display: block; border: 1px solid red; width: 40px; height: 60px; margin: -20px 0 0; position: absolute; top: 30%; z-index: 10;}*/
.flexslider:hover .flex-prev { opacity: 1; left: 10px; }
.flexslider:hover .flex-next { opacity: 1; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.7; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px;  }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}

/* WEDDING BLISS NEW BOOTSTRAP STYLES
--------------------------------------------------------------------------------*/
a.btn {color: #fff!important;}
.btn-default {
	border:none;
	box-shadow: none;
	font-family: 'Cinzel', serif;
	
	
	border-radius: 30px;
	background: #e8e8e8;
	-webkit-transition:all 0.2s ease-in;  
	-moz-transition:all 0.2s ease-in;  
	-o-transition:all 0.2s ease-in;  
	transition:all 0.2s ease-in;
}
.btn-default:hover {
	background: #f0f0f0;
}
.btn-primary, .wpcf7-submit {
	border:none;
	box-shadow: none;
	font-family: 'Cinzel', serif;
	color: #fff;
	text-shadow:none;
	border-radius: 30px;
	-webkit-transition:all 0.2s ease-in;  
	-moz-transition:all 0.2s ease-in;  
	-o-transition:all 0.2s ease-in;  
	transition:all 0.2s ease-in;
	background-image: none;
	font-size: 17px;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.wpcf7-submit {
	width: 140px;
	margin-top: 20px;
}
.btn-primary:hover, .wpcf7-submit:hover {
	background: #e06465;
	color: #fff!important;
	opacity: 0.7;
}
.btn-info {
	background: #36b2d6;
	border:none;
	box-shadow: none;
	font-family: 'Cinzel', serif;
	color: #fff;
	text-shadow:none;
	border-radius: 30px;
	-webkit-transition:all 0.2s ease-in;  
	-moz-transition:all 0.2s ease-in;  
	-o-transition:all 0.2s ease-in;  
	transition:all 0.2s ease-in;
}
.btn-info:hover {
	background: #58bfdd;
	opacity: 0.7;
}
.btn-success{
	background: #469f46;
	border:none;
	box-shadow: none;
	font-family: 'Cinzel', serif;
	color: #fff;
	text-shadow:none;
	border-radius: 30px;
	-webkit-transition:all 0.2s ease-in;  
	-moz-transition:all 0.2s ease-in;  
	-o-transition:all 0.2s ease-in;  
	transition:all 0.2s ease-in;
}
.btn-success {
	background:#59b559;
}
.btn-warning{
	background: #ed9b27;
	border:none;
	box-shadow: none;
	font-family: 'Cinzel', serif;
	color: #fff;
	text-shadow:none;
	border-radius: 30px;
	-webkit-transition:all 0.2s ease-in;  
	-moz-transition:all 0.2s ease-in;  
	-o-transition:all 0.2s ease-in;  
	transition:all 0.2s ease-in;
}
.btn-warning {
	background:#f0aa48;
}
.btn-danger{
	background: #cc3632;
	border:none;
	box-shadow: none;
	font-family: 'Cinzel', serif;
	color: #fff;
	text-shadow:none;
	border-radius: 30px;
	-webkit-transition:all 0.2s ease-in;  
	-moz-transition:all 0.2s ease-in;  
	-o-transition:all 0.2s ease-in;  
	transition:all 0.2s ease-in;
}
.btn-danger {
	background:#da5350;
}
.btn-lg {
	padding: 7px 30px;
	font-size: 18px;
}
.form-control:focus {
  outline: 0;
  box-shadow: none;
}

.alert-warning {
	background: #f9f1ca;
}
.alert-danger {
	background: #ebcccc;
}
.alert-success {
	background: #d0e9c6;
}
.alert-info {
	background: #c6e4f3;
}
.progress-bar {
	background: #397eb9;
}
.progress-bar-info {
	background: #41b6d8;
}
.progress-bar-success {
	background: #4da74d;
}
.progress-bar-warning {
	background: #eea033;
}
.progress-bar-danger {
	background: #d1413d;
}
blockquote {
	border-left:2px solid;
	background-color: rgba(255, 255, 255, 0.5);
}
ul {
	padding-left: 10px;
}
ul li {
	list-style-type: none;
	background: url(img/list-arrow.png) no-repeat 0 10px;
	padding-left: 20px;
}
.panel-title a:hover {text-decoration: none}

.bghide {
	background: none repeat scroll 0 0 #ff9192;
}

/* menu hover */
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	background-color: transparent;
}
.post-box .readmore:hover, .post-box h2 a:hover {
		
		text-decoration: none;
		opacity: 0.7;
	}
@media (max-width: 1199px) { 
			.navbar-inverse .navbar-nav > li > a {
				color: #333; 
			}
		}
.list-group-item {
	background-image: none;
}
.ebs-caption {
	font-size: 15px!important;
}

/* =======================================================================
				the new bootstrap UI 
=========================================================================== */

/* misc */
li.no-component-found {
	text-align: center;
	font-size: 20px!important;
	line-height: 35px!important;
	color: #d40000;
}
#wpadminbar a {
	color: #fff!important;
}

/* =======================================================================
				404 page
=========================================================================== */
.error404expl{
	font-size: 30px;
	line-height: 50px;
    text-align: center;
    margin-bottom: 50px;
}
.error404 .section-overlay header h1 {
	font-size: 80px;
	font-weight: bold;
	margin: 0px;
}
.error404 h4 {
	margin: 50px 0 0 0;
}
.error404 input {
	width: 100%;
}
/* =======================================================================
				search results page & archive page
=========================================================================== */
.search-results .post, .archive .post, .blog .post {
	margin-bottom: 100px;
}
.search-results .post img, .archive .post img, .blog .post img {
	margin-bottom: 20px;
}
.search-results .post p, .archive .post p, .blog .post p {
	margin-top: 20px;
}

.search-results .post-title, .archive .post-title, .blog .post-title {
	margin-top: 0px;
	margin-bottom: 20px;
}
.search-results img, .archive img, .blog img {
	width: 100%;
}
.meta {
	margin: 10px 0;
	font-style: italic;
	color: #817878;
	font-size: 15px;
}