/*===================================================================
 
	Theme Name: 	 Emma
	Theme URI:      http://demo.themebeans.com/emma
	Author:         ThemeBeans
	Author URI:     http://themebeans.com
	Description: 	 A beautiful and stunning WordPress theme to share your engagment and wedding details.
	Version:        1.1.1
	Tags:           translation-ready, custom-menu, fluid-layout, responsive-layout, light, white, microformats, wedding
	Textdomain: 	 bean

	License: GNU General Public License version 3.0 & Envato Regular/Extended License
	License URI:  http://www.gnu.org/licenses/gpl-3.0.html & http://themeforest.net/licenses
	
	All PHP code is released under the GNU General Public Licence version 3.0
	All HTML/CSS/JAVASCRIPT code is released under Envato's Regular/Extended License
	
/*===================================================================*/




/*===================================================================*/
/*
/* CSS RESET AND FRAMEWORK SETUP
/*
/*===================================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;text-decoration:none;vertical-align:baseline;}img{vertical-align:bottom;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}.clearfix::after{clear:both;content:"";display:table;}.none{display:none;}

/* GRID FRAMEWORK */
.row { margin: 0 auto; max-width: 1520px; padding: 0 60px; width: 100%; *zoom: 1; }
.row:before, .row:after { content: ""; display: table; } .row:after { clear: both; }

.column, .columns { float: left; min-height: 1px; padding: 0px; position: relative; } 
.column.centered, .columns.centered { float: none; margin: 0 auto; } 
[class*="column"] + [class*="column"].end { float: left; }

/* COLUMNS */
.one, .row .one 		{ width: 8.33333%;  }
.two, .row .two 		{ width: 16.66667%; }
.three, .row .three 	{ width: 25%; 		}
.four, .row .four 		{ width: 33.33333%; }
.five, .row .five 		{ width: 41.66667%; }
.six, .row .six 		{ width: 50%; 		}
.seven, .row .seven 	{ width: 58.33333%; }
.eight, .row .eight 	{ width: 66.66667%; }
.nine, .row .nine 		{ width: 75%; 		}
.ten, .row .ten 		{ width: 83.33333%; }
.eleven, .row .eleven 	{ width: 91.66667%; }
.twelve, .row .twelve 	{ width: 100%; 	}

/* IMAGES */
img, object, embed { height: auto; max-width: 100%; }
object, embed { height: 100%; }
img { -ms-interpolation-mode: bicubic; }

/* VISABILITY CLASSES */
.show-for-small { display: none!important; }

/* FLOATS */
.left { float: left; }
.right { float: right; }
.text-right {text-align: right;}

/* RESPONSIVE */
@media only screen and (max-width: 768px) { 
.row { margin-left: 0; margin-right: 0; min-width: 0; padding: 0!important; width: auto; }
.row .row {	margin: 0; }
.column, .columns { padding: 0px; } 
.column:before, .columns:before, .column:after, .columns:after { content: ""; display: table; }
.column:after, .columns:after { clear: both; }
.row .mobile-two { float: left; padding: 0 30px; width: 50% !important; }
.row .mobile-two:last-child { float:left; }
.row .mobile-two.end { float: left; }
.row .mobile-four { float: left; width: 100% !important; }
.row .mobile-four.end { float: left; }  
}

/* SMALL DISPLAY TARGETS */
@media only screen and (max-width: 768px) { 
	.hide-for-small {
		display: none!important;
	} 
	.show-for-small { 
		display: block!important; 
	}
}




/*===================================================================*/
/*
/* BEGIN THEME CSS
/*
/*===================================================================*/
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html { 
     font-size: 62.5%;
     overflow-x: hidden; 
     -webkit-text-size-adjust: 100%;
         -ms-text-size-adjust: 100%;
}

body {
	overflow-x: hidden; 
	word-wrap: break-word;
	zoom: 1;
     -webkit-overflow-scrolling:touch;
}

p, ul, ol { -webkit-font-smoothing: antialiased!important; }

body, button, input, select, textarea {
	color: #666; 
	font-family: 'Questrial', Helvetica, sans-serif;
	font-size: 24px; 
	font-size: 2.4rem; 
	line-height: 40px;
	line-height: 4.0rem;
	text-rendering: optimizeLegibility; 
}

.single-post .entry-content {
	font-size: 22px; 
	font-size: 2.2rem; 
	line-height: 36px;
	line-height: 3.6rem;
}

h1, h2, h3, h4, h5, h6  {
	font-family: 'Lato', Helvetica, sans-serif;
	font-weight: 100; 
}	

h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a {
	color: #111;
}	

h3, h4, h5 {
	font-weight: 300; 
	letter-spacing: 12px;
	text-transform: uppercase;
}

h1,
.page-item.no-content h2 {
	font-size: 140px;
	font-size: 14.0rem;
	font-weight: 100;
	line-height: 140px;
}

h2 {
	font-size: 90px; 
	font-size: 9.0rem;
	line-height: 110px;
}

h3 { 
	font-size: 28px; 
	font-size: 2.8rem; 
	line-height: 40px;
}
	
h4 { 
	font-size: 20px; 
	font-size: 2.0rem; 
	line-height: 36px;
}
	
h5 { 
	font-size: 13px; 
	font-weight: 400; 
	line-height: 22px; 
}
	
h6, blockquote, blockquote p, .entry-meta li, .published a, .widget, .single .entry-content ul, .page-template-default .entry-content ul {
	color: #888888;
	font-family: 'PT Serif', serif; 
	font-size: 22px; 
	font-style: italic;
	line-height: 24px; 
	margin-bottom: 10px;
	-webkit-font-smoothing: antialiased!important; 
}

.single .entry-content ul, .page-template-default .entry-content ul {
	line-height: inherit;
}

em, cite { 
	font-style: italic; 
}	

cite { 
	display: block; 
}

strong { 
	font-weight: bold; 
}

strike, del {
	text-decoration: line-through;
}

abbr, acronym, ins {
	border-bottom: 1px dotted;
}

abbr, acronym {
	cursor: help;
	text-transform: uppercase;
}

var,
kbd,
samp,
code,
pre {
	font: 18px/1.8 'Monaco', Courier, "Courier New", monospace;
}

pre { 
	background-color: #F0F0F0;
	clear: both;
	display: block;
	font-size: 14px;
	margin: 40px 0;
	overflow: auto;
	padding: 40px;
	white-space: pre-wrap;
	word-wrap: break-word;
}

table {
	border: 1px solid #EEE;
	font-size: 18px;
	line-height: 25px;
	text-align: left;
}

caption { 
	text-align: left; 
}

thead {
	background-color: #F5F5F5;
}

tr { 
	border-bottom: 1px solid #EEE; 
}

th, td {
	padding: 15px 10px;
	vertical-align: middle;
}

td {
	border-left: 1px solid #EEE; 
}

p,
ul,
ol,
dl,
dd,
form
table,
address,
fieldset { 
	margin-bottom: 30px; 
}

nav ul,
p.hidden,
.sub-title,
.colophon p,
blockquote p,
.entry-meta,
.bean-contactform,
.post .entry-meta ul,
.post-password-form p,
#BeanForm li:last-child,
.entry-content p:last-child {
	margin-bottom: 0;
}

/* LINK STYLES */
p a, 
.widget_bean_tweets .button {
	border-bottom: 2px solid #EEE;
	padding-bottom: 1px;
}

p a,
.entry-title a,
.comment cite a,
.widget_bean_tweets .button {
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s; 	   
	     -o-transition: all .25s;
}


/*===================================================================*/
/* BUTTONS, FORMS & INPUTS
/*===================================================================*/
/* BUTTONS */
.btn, 
.button, 	       
.btn[type="submit"],
.button[type="submit"],
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
	background: #222;
	border: none;  
	border-radius: 100px;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-family: 'Lato', Helvetica, sans-serif;
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.6em;
	outline: none!important;
	padding: 16px 2.6em 16px 3.1em;
	text-align: center;
	text-transform: uppercase; 
	width: auto;
	-webkit-font-smoothing: auto;
	-webkit-transition: all .25s;
	   -moz-transition: all .25s;
	    -ms-transition: all .25s; 	   
	     -o-transition: all .25s;
}

.btn:hover, 
.button:hover,
.btn[type="submit"]:hover,
input[type="reset"]:hover, 
input[type="submit"]:hover,
input[type="button"]:hover, 
.button[type="submit"]:hover,
.form-submit input[type="submit"]:hover {
	background: #111;
	color: #FFF!important;
}

/* FORMS */
form label {
	cursor: pointer;
	display: block;
	font-size: 17px;
	margin-bottom: -5px;
}
  
span.required { 
	color: #FF7373;
} 

textarea,
input[type="tel"], 
input[type="url"],	
input[type="time"], 	   
input[type="text"], 
input[type="date"], 
input[type="email"], 
input[type="number"], 
input[type="search"],
input[type="password"], 
input[type="datetime"] { 
	background-color: #F0F0F0;
	border: 2px solid transparent;
	border-radius: 2px;
	color: #222;
	display: block;
	margin: 0 0 12px;
	outline: none!important;
	padding: .75em .90em .70em;
	width: 100%;
	font-size: 80%;
	line-height: 80%;
	vertical-align: baseline;
	-webkit-transition: all .1s;
	   -moz-transition: all .1s;
	    -ms-transition: all .1s; 	   
	     -o-transition: all .1s;
	-webkit-appearance: none;
}

textarea:focus,
input[type="tel"]:focus, 
input[type="url"]:focus,	
input[type="time"]:focus, 	   
input[type="text"]:focus, 
input[type="date"]:focus, 
input[type="email"]:focus, 
input[type="number"]:focus, 
input[type="search"]:focus,
input[type="password"]:focus, 
input[type="datetime"]:focus { 
	background-color: #FFF;
	border-color: #E2E2E2;
}

textarea {
	display: block;
	height: 180px;
	line-height: 160%;
	resize: vertical;
	overflow: auto;
	vertical-align: top;
}

/* ERRORS */
label.error { 
	display: none!important; 
}

input.error,
textarea.error,
.wpcf7-not-valid,
.requiredField.error {
	background-color: #FFF;
	border-color: #FF4633!important;
}




/*===================================================================*/
/*                    												  
/* THEME STRUCTURE	         		  
/*                    												  
/*===================================================================*/
/*===================================================================*/
/* HERO 
/*===================================================================*/
.hero,
section {
	float: left;
	width: 100%;
}

.hero .parallax {
	background-position: 0 0;
}

.hero h3,
.hero .entry-tagline {
	margin-top: 3%;
}

.hero h4 {
	margin-top: 1%;
}

.hero .button {
	margin-top: 4%;
}


/*===================================================================*/
/* HEADER 
/*===================================================================*/
.header {
	background-color: #FFF;
	background-color: rgba(255, 255, 255, 0.65);
	display: table;
	margin: 0 auto;
	padding: 15px 2.5%;
	position: relative;
	position: fixed;
	top: 0;
	vertical-align: middle;
	width: 100%;
	z-index: 600;
}

.logged-in.admin-bar .header {
	top: 32px;
}

.header .site-title {
	display: table-cell;
	font-size: 18px;
	font-weight: 100;
	letter-spacing: 12px;
	letter-spacing: 6px;
	line-height: 1em;
	margin: 0;
	padding: 0;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
	vertical-align: middle;
	width: 30%;
}

.header .site-title a {
	color: #111;
}

.header .site-title a:hover {
	color: #888;
}

.logo a h1 {
	-webkit-transition: color .1s;
	   -moz-transition: color .1s;
	    -ms-transition: color .1s; 	   
	     -o-transition: color .1s;
}

.logo img {
	-webkit-transition: opacity .2s;
	   -moz-transition: opacity .2s;
	    -ms-transition: opacity .2s; 	   
	     -o-transition: opacity .2s;
}

.logo img:hover {
	opacity: .5;
}

.header .nav {
	display: table-cell;
	font-size: 13px;
	letter-spacing: 3px;
	text-align: right;
	text-transform: uppercase;
	vertical-align: middle;
	width: 70%;
}

.header .nav,
.header .nav a {
	color: #BBB;
	color: rgba(17, 17, 17, 0.50);
}

.header .nav a:hover,
.header .nav ul li.current-menu-item a {
	color: #111;
}

.header .nav ul li {
	display: inline-block;
	margin: 0 0 0 30px;
	text-align: right;
}

/* DROPDOWN */
.header .sf-menu, .sf-menu * { list-style: none; }
.header .sf-menu li { position: relative; white-space: nowrap;}
.header .sf-menu li:hover > ul,
.header .sf-menu li.sfHover > ul { display: block; }
.header .sf-menu a { position: relative; }
.header .sf-menu ul ul { left: 100%; top: -25px; }
.header .sf-menu ul {
     display: none;
     left: -20px;
     min-width: 14.5em;
     position: absolute;
     top: 100%;
     z-index: 9999;
}

.header .sub-menu {
	background-color: #111;
	background-color: rgba(17, 17, 17, 0.90);
	border-radius: 0 0 4px 4px;
     padding: 10px 0;
     margin-top: 15px;
}

.header .sub-menu li {
     display: block!important;
     line-height: 20px;
     margin: 0px!important;
	padding: 5px 16px;
     text-align: left!important;
}

.header .sub-menu li a {
	color: #888888;
     display: block;
     width: 100%;
}

.header .sub-menu li a:hover {
	color: #FFF;
}


/*===================================================================*/
/* PAGE STRUCTURE 
/*===================================================================*/  
.page-item {
	background-size: cover;
	background-position: center;
	position: relative;
	z-index: 500;
	min-height: 600px;
	-webkit-background-size: cover;
	 -khtml-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
}

.page-inner {
	margin: 0 auto;
	padding: 15% 25%;
	text-align: center;
	width: 100%;
}

.page-item.parallax .page-inner,
.page-item.no-content.bg-img .page-inner {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
		   transform: translateY(-50%);
}

.hero .page-inner,
.page-item.no-content .page-inner {
	padding-left: 5%;
	padding-right: 5%;
}

.page-item .entry-content {
	margin-top: 50px;
}

/* BG-IMG STYLE MODS */
.page-item.bg-img p,
.page-item.bg-img label,
.page-item.bg-img #BeanForm span.detail {
	color: #333;
}

.page-item.bg-img textarea,
.page-item.bg-img input[type="tel"], 
.page-item.bg-img input[type="url"],	
.page-item.bg-img input[type="time"], 	   
.page-item.bg-img input[type="text"], 
.page-item.bg-img input[type="date"], 
.page-item.bg-img input[type="email"], 
.page-item.bg-img input[type="number"], 
.page-item.bg-img input[type="search"],
.page-item.bg-img input[type="password"], 
.page-item.bg-img input[type="datetime"] {
	background-color: #FFF;
	border: 2px solid #D0D0D0;
	border: 2px solid rgba(10, 10, 10, 0.20);
}

.page-item.bg-img textarea:focus,
.page-item.bg-img input[type="tel"]:focus, 
.page-item.bg-img input[type="url"]:focus,	
.page-item.bg-img input[type="time"]:focus, 	   
.page-item.bg-img input[type="text"]:focus, 
.page-item.bg-img input[type="date"]:focus, 
.page-item.bg-img input[type="email"]:focus, 
.page-item.bg-img input[type="number"]:focus, 
.page-item.bg-img input[type="search"]:focus,
.page-item.bg-img input[type="password"]:focus, 
.page-item.bg-img input[type="datetime"]:focus {
	border-color: #444;
	border-color: rgba(10, 10, 10, 0.60);
}

.page-item.bg-img .button {
	background-color: rgba(10, 10, 10, 0.85);
}

.page-item.bg-img .button:hover {
	background-color: #111;
}

/* PAGE ITEM SINGLE */
.page-item.single-page {
	height: auto!important;
	min-height: inherit;
}

.page-item.single-page .entry-content {
	margin: 0;
}

.page-item.single-page .page-inner {
	float: left;
	margin: 0 auto;
	padding: 8% 25%;
	position: relative;
	text-align: center;
	top: inherit;
	width: 100%;
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	     -o-transform: translateY(0);
	        transform: translateY(0);
}

/* PAGE ITEM EDIT BUTTON */
.page-template-template-home-php .page-item .post-edit-link {
	background: url('assets/images/sprite.png') -80px -80px #F0F0F0;
	height: 40px;
	position: absolute;
	right: 40px;
	text-indent: -9999em;
	top: 40px;
	width: 40px;
	-webkit-transition: background-color .25s;
	   -moz-transition: background-color .25s;
	    -ms-transition: background-color .25s; 	   
	     -o-transition: background-color .25s;
}

.page-template-template-home-php .page-item.bg-img .post-edit-link {
	background-color: #222;
	background-color: rgba(34, 34, 34, 0.20);
	background-position: -80px -180px;
}

.page-template-template-home-php .page-item .post-edit-link:hover {
	background-color: #E5E5E5;
}

.page-template-template-home-php .page-item.bg-img .post-edit-link:hover {
	background-color: #222;
	background-color: rgba(34, 34, 34, 0.40);
}




/*===================================================================*/
/*                    												  
/* THEME TEMPLATES	         		  
/*                    												  
/*===================================================================*/
/*===================================================================*/
/* RSVP TEMPLATE 
/*===================================================================*/  
#BeanForm {
	margin-top: 50px!important;
	text-align: left;
}

#BeanForm input {
	margin: 0;
}

#BeanForm li {
	float: left;
	margin-bottom: 10px;
	width: 100%;
}

#BeanForm li.name div {
	float: left;
	width: 49%;
}

#BeanForm li.name div:last-child {
	margin-left: 2%;
}

#BeanForm span.detail {
	color: #BBB;
	display: block;
	font-size: 15px;
	line-height: 20px;
	margin-top: 5px;
}

#BeanForm .submit {
	margin-top: 30px;
	text-align: center;
}

.contact-alert {
	background-color: #F0F0F0;
	color: #555;
	width: 100%;
	position: absolute;
	padding: 12px 20px;
	top: 0;
	left: 0;
	text-align: center;
}

.contact-alert h5 {
	color: #FFF;
	margin-bottom: 0!important;
}

.contact-alert.fail {
	background-color: #FF4633;
	background-color: rgba(255, 70, 51, 0.85);
}

.contact-alert.success {
	background-color: #40C782;
	background-color: rgba(64, 199, 130, 0.85);
}


/*===================================================================*/
/* SEARCH TEMPLATE 
/*===================================================================*/
.search .hero #searchform .button[type="submit"] {
	display: none;
}

.search .hero #searchform {
	margin: 5% auto 0;
	width: 80%;
}

.search .hero input {
	text-align: center;
}


/*===================================================================*/
/* 404
/*===================================================================*/	
body.error404 .entry-content {
	height: 16%;
	left: 0;
	margin: 0;
	margin: auto;
	min-width: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 50%;
	margin-top: -5%;
	width: 100%;
}

.error-logo {
	margin-bottom: 20px;
}




/*===================================================================*/
/*                    												  
/* BLOGROLL & ARCHIVE VIEWS       		  
/*                    												  
/*===================================================================*/
.blog .header, 
.search .header,
.archive .header,
.single-post .header,
.single-attachment .header {
	-webkit-animation-name: animationx;
	        animation-name: animationx; 
}

#masonry-container {
	float: left;
	padding: 0 1.5%;
	width: 100%;
}

#masonry-container article {
	float: left;
	opacity: 0;
	padding: 1%;
	padding-top: 0!important;
	width: 19.40%;
	-webkit-transition: opacity 0.25s ease-in;
	   -moz-transition: opacity 0.25s ease-in;
	    -ms-transition: opacity 0.25s ease-in;
	     -o-transition: opacity 0.25s ease-in;
	        transition: opacity 0.25s ease-in;
}

#masonry-container article.loaded {
	opacity: 1;
} 

#masonry-container .inner {
	padding: 20px 0 0;
}

#masonry-container article .post-thumb {
	overflow: hidden;
	position: relative;
}

#masonry-container article .post-thumb img {
	min-width: 100%;
}

#masonry-container article .entry-title {
	border-bottom: none;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 40px;
	font-weight: 400;
	margin-bottom: 10px;
}

#masonry-container article .published {
	display: block;
	margin-bottom: -7px;
}

#masonry-container article .published a {
	font-size: 65%;
}

#masonry-container article p {
	font-size: 80%;
	line-height: 30px;
}

/* INFINITE LOADING */
#page_nav,
#infscr-loading,
#infscr-loading img { 
	display: none; 
}

#infscr-loading {
	background: url(assets/images/loading.gif) 50% 50% no-repeat #FFF;
	border-radius: 3px;
	bottom: 40px;
	height: 32px;
	left: 50%;
	margin-left: -16px; 
	position: absolute;
	width: 32px;
	z-index: 100;
}

#infscr-loading div {
	display: none;
	opacity: 0;
}


/*===================================================================*/
/* MASONRY MEDIA QUERIES
/*===================================================================*/
/* 4 COLS */
@media only screen and (max-width: 1800px) {
	#masonry-container article { width: 24.25%; padding: 1.3%; }
	.header, .single-post .single-post-content { padding-left: 2.6%!important; padding-right: 2.6%!important; }
}

/* 3 COLS */
@media only screen and (max-width: 1450px) {
	#masonry-container article { width: 32.333%; padding: 1.5%; }
	.header, .single-post .single-post-content { padding-left: 3.0%!important; padding-right: 3.0%!important; }
}

/* 2 COLS */
@media only screen and (max-width: 1000px) {
	#masonry-container article { width: 48.5%; }
}

/* 1 COL */
@media only screen and (max-width: 500px) {
	#masonry-container article { width: 100%; padding: 20px; }
	#masonry-container, #masonry-container .inner { padding-left: 0; padding-right: 0; }
	.single-post .single-post-content { padding: 20px!important;}
}




/*===================================================================*/
/*                    												  
/* SINGLE POST	   		  		      
/*                    												  
/*===================================================================*/
.single-post .single-post-content {
	margin: 0 auto;
	max-width: 1800px;
	padding: 0 2.5%;
}

.single-post .entry-sidebar {
	float: left;
	max-width: 800px;
	width: 25%;
}

.single-post .entry-sidebar,
.single-post .entry-sidebar p {
	font-size: 16px;
	line-height: 30px;
}

.single-post .content-left {
	float: left;
	padding-right: 4%;
	width: 75%;
}

.single-post .entry-content-media {
	margin-bottom: 5%;
}

.single-post .entry-content-media img {
	width: 100%;
}

.single-post .entry-title,
.single-attachment .entry-title {
	font-size: 40px;
	font-size: 4.0rem;
	line-height: 48px;
	font-weight: 300;
	margin-bottom: 4%;
}

.single-post .entry-content {
	float: left;
	padding: 0 4%;
	width: 80%;
}

.single-post .entry-meta {
	float: left;
	width: 20%;
}

.single-post .entry-meta li,
.single-attachment .entry-meta li {
	display: block;
	font-size: 16px;
	margin: 0 0 25px;
}

.single-post .entry-meta li a {
	color: #888;
}

.single-post .entry-meta li span {
	color: #111;
	display: block;
}

li.tags a {
	margin-right: 10px;
}

/* ENTRY CONTENT */
.entry-content h2, 
.entry-content h3,
.entry-content h4,
.entry-content h5 {
	margin-bottom: 25px;
}

.entry-content ul { 
	line-height: 33px;
	list-style-type: disc; 
	margin-left: 60px;
	margin-bottom: 30px!important;
}

.entry-content ol li ul,
.entry-content ul li ol,
.entry-content ul li ul, 
.entry-content ol li ol {
	margin: 10px 0 10px 15px;
}

.entry-content ol { 	
	list-style-type: decimal; 
	margin: 35px 30px;
}

.entry-content form ul {
	margin: 0px!important;
}

.entry-content form li {
	list-style: none;
}

.entry-content blockquote {
	margin-bottom: 30px;
}

.entry-content blockquote p {
	line-height: 38px; 
}

  
/*===================================================================*/
/* WORDPRESS DEFAULT STYLING
/*===================================================================*/
.single-post .entry-content img,
.single-post .entry-content img a {
	margin: 40px 0px 40px 0px; 
}	

/* IMAGES */
.slider img,
.image-frame img, 
.entry-content p img,
.attachment .post-box img,
.content .gallery .gallery-icon img {
	background: transparent;
	display: block;
}
	
.image-frame img, 
.attachment .post-box img,
.post-thumb img { 
	height: auto; 
}
	
.entry-content .entry-content-media img { 
	margin: 0; 
}

.content .gallery-item {
	float: left;
	margin: 0;
	padding: 0;
}
 
.content .gallery .gallery-icon img { 
	margin-bottom: 0!important;
}	 

.widget img,
.entry-content img,
.comment-content img { 
	max-width: 100%; 
}

.entry-content img.size-full,
.entry-content img.size-large {
	display: block; 
	height: auto;
	max-width: 100%;
	width: auto;
}

.entry-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto!important;
	margin-right: auto!important;
}

img.alignleft {
	float: left;
	margin-right: 40px!important;
}

img.alignright {
	display: block;
	float: right;
	margin-left: 40px!important;
}

.wp-smiley {
	margin: 0 !important;
	max-height: 13px;
}

.gallery { 
	float: left; 
	margin: auto;
	width: 100%;
}
	
.gallery-item {
	float: left;
	margin-left: 0;
	text-align: center;
}
		
#gallery-1 .gallery-item {
	float: left;	
	margin-top: 10px;
	text-align: center;
	width: 33%;
}
	
.gallery-image {
	margin-left: 0;
}

.gallery-caption {
	font-weight: bold; 
	margin-left: 0;
}

.gallery-item .gallery-caption { 
	margin-bottom: 0 !important;
	padding-right: 12%; 
}

.wp-caption {
	max-width: 100%;
}

.wp-caption img,
.gallery-item img, 
.wp-caption img a {
	border: none!important;
	margin: 10px 0px!important;
	padding: 0;
}

.wp-caption
.wp-caption-text,
.gallery-caption {
	font-size: 13px;
	font-weight: normal;
	line-height: 22px;
	margin: 0;
	margin-bottom: 20px;
	text-align: center;
}

img#wpstats {
	display: none;
}

/* STICKY POST */	
.sticky { }

.twitter-tweet {
	margin: 40px 0!important;
	width: 100%!important;
}

/* SINGLE ATTACHMENT */
.single-attachment h1.entry-title {
	text-transform: capitalize;
	margin-bottom: 10px;
}

.single-attachment .entry-content {
	text-align: center;
}

.single-attachment .entry-content-media { 
	margin-bottom: 5%;
	text-align: center;
}

.single-attachment ul.entry-meta { 
	margin: 0 0 5%;
}

.single-attachment .entry-meta li { 
	margin: 0;
}

/* SHORTCODE OVERRIDES */
p:empty { 
	display: none; 
}

.bean-alert,
.bean-panel-body,
.bean-tab-content,
.bean-tabs > li > a,
.bean-panel-title > a {
	text-align: left;
}

.bean-tabs > li {
	margin-bottom: 5px;
}

.bean-tabs a,
.bean-panel-title > a,
.bean-tabs > li.active > a {
	background: none;
}

.bean-tabs > li.active > a {
	border-bottom-color: #FFF!important;
}

.bean-tabs > li > a {
	color: #282828;
}


/*===================================================================*/
/*                    												  
/* COMMENTS			      		  
/*                    												
/*===================================================================*/
/* LAYOUT */
.comment-body,
#comments-list,
#comments-list ol li {
	float: left;
	text-align: left;
	width: 100%;
}

#comments {
	margin:0 0 70px;
}

#comments ul{
	list-style: none!important;
} 

.commentlist {
	float: left;
	list-style-type: none!important;
	margin: 20px 0 0!important;
	width: 100%;
}

.comment-meta, 
.comments-title {
	color: #111;
	font-size: 16px;
}

/* COMMENT */
.comment .avatar {
	float: left;
	margin: 5px 20px 0 0;
	border-radius: 100px;
}

.comment .avatar {
	margin: 9px 20px 0 0!important;
}

.comment-author {
	margin-bottom: -7px;
}

.comment cite a {
	color: #111; 
}

.comment-meta,
.comment-meta a {
	color: #888;
}

.comment-author span,
.comment-author cite {
	display: inline-block;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	-webkit-font-smoothing: antialiased;
}

.comment-body {
	clear: both;
	margin: 0 0 25px;
}

.comment-body p { 
	margin-left: 65px;
}

.comment-body ul,
.comment-body ol { 
	list-style-type: disc; 
}

.moderation {
	display: none;
}

.bypostauthor {}

/* CHILDREN */	
.comments .children { 
	margin: 0 0 0 65px;
}

/* COMMENT FORM */
#reply-title {
	display: none;
}

.comment-form h3 {
	margin: 0px;
}

.comment-form input,
.comment-form textarea {
	margin: 0px;
}

.comment-form p {
	overflow: hidden;
	margin-bottom: 10px;
}

.comment .comment-form {
	margin-bottom: 10px;
	margin-top: 0px;
	padding-bottom: 30px;
	padding-top: 0px;
}

.comment .logged-in-as,
.logged-in .comment #cancel-comment-reply-link {
	display: none;
}

.form-submit {
	margin-top: 30px;
	text-align: center;
}

.logged-in-as {
	display: none!important;
}

.mobile-comments-title h6 {
	margin-bottom: 40px;
}

/* PINGS */
.pinglist	{
	float: left;
}

#respond {
	padding-bottom: 40px;
}

.logged-in-as a {
	color: #262626;
}




/*===================================================================*/
/*
/* WIDGET STYLES 
/*
/*===================================================================*/			
/* SIDEBAR WIDGETS */
.widget {
	border-bottom: 1px solid #EEE;
	margin: 60px 0;
	padding-bottom: 60px;
}

.widget,
h6.widget-title {
	font-size: 16px; 
}

h6.widget-title {
	color: #111; 
}

.widget p:first-of-type {
	margin-top: -5px;
}

.widget:last-child {
	border: none;
	margin-bottom: 0px;
	padding-bottom: 25px;
}

.widget ul {
	margin-bottom: 0;
}

.widget input[type="text"], 
.widget input[type="password"], 
.widget input[type="date"], 
.widget input[type="datetime"], 
.widget input[type="email"], 
.widget input[type="number"], 
.widget input[type="search"], 
.widget input[type="tel"], 
.widget input[type="time"], 
.widget input[type="url"], 
.widget textarea {
	font-size: 100%;
	margin: 0px;
}

.widget li a {
	color: #888;
}

.textwidget p:last-of-type {
	margin-bottom: 0;
}

/* CATEGORIES, ARCHIVES & RECENT POSTS WIDGETS */ 	
.widget_recent_entries li {
	margin-bottom: 10px;
}		

.post-date {
	display: block;
	font-size: 13px;
	opacity: .5;
}	

/* CALENDAR WIDGET */
#wp-calendar { 
	width: 100%; 
}

#wp-calendar caption {
	color: #B7B7B7;
	font-size: 14px;
	margin-bottom: 30px; 
	text-align: left;
}

#wp-calendar thead { 
	font-size: 10px; 
}

#wp-calendar thead th {
	font-size: 12px;
	font-weight: 500;
}

#wp-calendar thead th,
#wp-calendar tbody td { 
	background: #F4F4F4; 
	border: none; 
	padding: 4px 0px; 
	text-align: center;
}

#wp-calendar thead th {
	background-color: #E9E9E9;
}

#wp-calendar tbody .pad { 
	background: none; 
}

#wp-calendar tfoot #next { 
	font-size: 12px; 
	text-align: right; 
	text-transform: uppercase; 
}

#wp-calendar tfoot #prev { 
	font-size: 12px; 
	padding-top: 10px;
	text-transform: uppercase; 
}

/* WIDGET IMAGES */
.widget img,
.flickr_badge_image,
.instagram_badge_image,
.bean500px_badge_image {
	border-radius: 4px!important;
	-webkit-backface-visibility: hidden;
}


/*===================================================================*/
/*  TAG CLOUD WIDGET
/*===================================================================*/	
.tagcloud {
	float: left;
	margin-bottom: -4px;
	margin-top: 7px;
}
	
.tagcloud a {
	border-radius: 3px;
	color: #FFF;
	display: inline-block;	
	float: left;
	font: bold 12px/13px Helvetica, sans-serif!important;
	margin: 0px 3px 3px 0px;
	padding: 7px 9px 5px;
	position: relative;
	text-transform: uppercase;
}

					
/*===================================================================*/
/*  DRIBBBLE WIDGET
/*===================================================================*/
.bean-dribbble-shots { 
	float: left;
	margin-left: -10px;
}

.bean-shot {
	float: left;
	line-height: 6px;
	margin: 0px 0px 12px 10px;
}

.bean-shot a {
	display: block;
}

.bean-dribbble-shots img {
	border-radius: 0px!important;
	height: auto;
	position: relative;
	width: 100%;
}


/*===================================================================*/
/*  FLICKR WIDGET
/*===================================================================*/
.widget.bean_flickr { 
	float: none; 
}

.flickr-image-wrapper {
	float: left;
	margin: 0 -1.8072%;
	width: 103.75%;
}

.flickr_badge_image {
	float: left;
	margin: 0 1.8072% 3.6144%;
	width: 21.33%;
}

.flickr_badge_image a {
	float: left;
	position: relative;          
}
			
.flickr_badge_image img {
	height: auto;
	position: relative;
	backface-visibility: hidden;
}	

.flickr_badge_image,
.instagram_badge_image,
.bean500px_badge_image { 
 	opacity: 1.0; 
}

.flickr_badge_image:hover,
.instagram_badge_image:hover,
.bean500px_badge_image:hover { 
 	opacity: 1.0; 
}	


/*===================================================================*/
/*  VIDEO WIDGET
/*===================================================================*/
.widget_bean_video .video-frame {
	margin-bottom: 10px;
}


/*===================================================================*/
/*  INSTAGRAM WIDGET & 500PX WIDGET (BEAN PLUGINS)
/*===================================================================*/
.instagram-image-wrapper,
.bean500px-image-wrapper {
	margin: 0 -1.8072%;
	width: 103.75%;
}

.instagram_badge_image,
.bean500px_badge_image {
	background: none!important;
	border-radius: 0px!important;
	margin: 0 1.8072% 3.6144%!important;
	width:  21.33%!important;
}

.instagram_badge_image img,
.bean500px_badge_image img {
	height: auto!important;
	position: relative;
	width: auto!important;
	backface-visibility: hidden;
}

.instagram_badge_image a:hover,
.bean500px_badge_image a:hover {
	opacity: 1!important;
}

	
/*===================================================================*/
/*  TWITTER WIDGET
/*===================================================================*/
.widget_bean_tweets a.twitter-time-stamp {
	background-color: transparent;
	color: #C5C5C5;
	display: block;
	font-size: 14px;
	margin: 5px 0 20px;
}

.widget_bean_tweets .button {
	background: transparent;
	border-radius: 0;
	font-family: 'PT Serif', serif; 
	margin: 0;
	padding: 0;
	text-transform: none;
	letter-spacing: normal;
}


/*===================================================================*/
/*  BEAN PLUGIN OVERRIDES
/*===================================================================*/
/* SOCIAL PLUGIN */
ul.bean_social_icons { text-align: left;}
ul.bean_social_icons li.bean_social_icon {margin: 0px 2px 2px 0px!important;}

/* PRICING TABLE PLUGIN */
.bean-pricing-table { font-family: Helvetica, sans-serif; }
.bean-pricing-table .table-mast:hover { background-color: #262626; }
.bean-pricing-table .pricing-column ul { background-color: #F4F4F4; }
.bean-pricing-table .pricing-column li { color: #B7B7B7; font-size: inherit; line-height: inherit; margin-bottom: 3px;}
.bean-pricing-table .table-mast h5.title { color:  #FFF!important; font-family: sans-serif; font-size: 20px!important; font-weight: normal; }
.bean-pricing-table .pricing-column.six.columns.mobile-four:first-child { padding-right: 20px; }
.bean-pricing-table .pricing-column.six.columns.mobile-four:last-child { padding-left: 20px; }




/*===================================================================*/
/*
/* PRELOADER EFFECT
/*
/*===================================================================*/
#loader-wrapper .loader-section {
   background: #FFF;
   height: 100%;
   position: fixed;
   top: 0;
   width: 51%;
   z-index: 1000;
   -webkit-transform: translateX(0);
       -ms-transform: translateX(0);
   	      transform: translateX(0);
}

#loader-wrapper .loader-section.section-left {
   left: 0;
}

#loader-wrapper .loader-section.section-right {
   right: 0;
}

#loader-wrapper {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

/* LOADING SPINNER */ 
#loader {
	border: 3px solid transparent;
	border-radius: 50%;
	border-top-color: #999;
	display: block;
	height: 150px;
	left: 50%;
	margin: -75px 0 0 -75px;
	position: relative;
	top: 50%;
	width: 150px;
	z-index: 1001;
     -webkit-animation: spin 1s linear infinite;
	        animation: spin 1s linear infinite;
}

#loader:before {
	border: 3px solid transparent;
	border-radius: 50%;
	border-top-color: #777;
	bottom: 5px;
	content: "";
	left: 5px;
	position: absolute;
	right: 5px;
	top: 5px;
      -webkit-animation: spin 2s linear infinite;
              animation: spin 2s linear infinite;
  
}

#loader:after {
   border: 3px solid transparent;
   border-radius: 50%;
   border-top-color: #555;
   bottom: 15px;
   content: "";
   left: 15px;
   position: absolute;
   right: 15px;
   top: 15px;
   -webkit-animation: spin 1.5s linear infinite;
           animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0%   { 
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
		   transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
		   transform: rotate(360deg);
	}
}
@keyframes spin {
	0%   { 
	-webkit-transform: rotate(0deg);
	    -ms-transform: rotate(0deg);
	        transform: rotate(0deg);
	}
	100% {
	-webkit-transform: rotate(360deg);
	    -ms-transform: rotate(360deg);
	        transform: rotate(360deg);
	}
}

/* LOADED ANIMATION */ 
.loaded #loader-wrapper .loader-section.section-left {
     -webkit-transform: translateX(-100%);
         -ms-transform: translateX(-100%);
             transform: translateX(-100%);
     -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
             transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);
         -ms-transform: translateX(100%);
             transform: translateX(100%);
	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  
             transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
}

.loaded #loader {
	opacity: 0;
	-webkit-transition: all 0.3s ease-out;  
             transition: all 0.3s ease-out;
}

.loaded #loader-wrapper {
	visibility: hidden;
	-webkit-transform: translateY(-100%);
	    -ms-transform: translateY(-100%);
	        transform: translateY(-100%);
	-webkit-transition: all 0.3s 1s ease-out;  
	 	   transition: all 0.3s 1s ease-out;
}

.no-js #loader-wrapper {
   display: none;
}




/*===================================================================*/
/*
/* THEME ANIMATIONS 
/*
/*===================================================================*/
.fadein {
	-webkit-animation-delay: .4s;
	-webkit-animation-duration: .5s;
	   	   animation-duration: .5s;
	-webkit-animation-name: fadein;
	        animation-name: fadein;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
	        animation-delay: .4s;
	
}
@-webkit-keyframes fadein {
	0% {opacity: 0;} 100% {opacity: 1;}
}
@-moz-keyframes fadein {
	0% {opacity: 0;} 100% {opacity: 1;}
}
@-o-keyframes fadein {
	0% {opacity: 0;} 100% {opacity: 1;}
}
@keyframes fadein {
	0% {opacity: 0;} 100% {opacity: 1;}
}			
	
.hero .fadein {
	-webkit-animation-delay: 2.0s;
		   animation-delay: 2.0s;
}

.headerintro {
	-webkit-animation-delay: 2.5s;
		   animation-delay: 2.5s;
	-webkit-animation-duration: .3s;
	   	   animation-duration: .3s;
	-webkit-animation-name: headerintro;
	        animation-name: headerintro;
	-webkit-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes headerintro {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes headerintro {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}




/*===================================================================*/
/*
/* CROSS BROWSER TOUCH UPS 
/*
/*===================================================================*/
/* WIDGETS */
.ie .flickr_badge_image,
.ie .instagram_badge_image,
.ie .bean500px_badge_image,
.ie .bean500px_badge_image img,
.ie .instagram_badge_image img {
	width: 80px!important;
}

.ie .flickr_badge_image,
.ie .instagram_badge_image,
.ie .bean500px_badge_image {
	margin-bottom: 15px;
}

/* INPUT */
.ie ul.bean-contactform label {
	display: block;
}

.ie input[type="text"], 
.ie input[type="password"], 
.ie input[type="date"], 
.ie input[type="email"], 
.ie input[type="number"], 
.ie input[type="search"], 
.ie input[type="tel"], 
.ie input[type="time"], 
.ie input[type="url"], 
.ie textarea {
	line-height: 6px;
}