/*
Theme Name: CMX
Theme URI: http://cmxhub.com/
Description: A custom crafted theme
Author: Milk & Pixels
Author URI: http://www.milkandpixels.com
*/

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

audio:not([controls]) {
    display: none;
    height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

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

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */

q:before,
q:after {
    content: '';
    content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 0;
    padding:0;
}

dd {
    margin: 0;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    margin:0;
    padding:0;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
    *overflow: visible;  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */

button[disabled],
input[disabled] {
    cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
    *height: 13px; /* 3 */
    *width: 13px; /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* ==========================================================================
   WordPress Standards
   ========================================================================== */
   
.alignleft							{ float: left; margin:0 10px 0 0; }
.alignright							{ float: right; margin:0 0 0 10px; }
.aligncenter						{ display:block; margin:0 auto; text-align:center; }
.clear								{ clear: both; }
.small								{font-size: 11px;}
.larger								{font-size:21px;}
.bold								{font-weight: bold;}
.wp-caption-text					{text-align:center;}

/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

a, a:focus {
	outline: none;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

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


html, body {
  -webkit-font-smoothing: antialiased;
}

body {
  background-color: #ffffff;
  font: 20px "museo-sans", Helvetica, Arial, sans-serif;
  font-weight: 300;
  line-height: 28px;
  color: #353535;
}

input[type=text], input[type=email] {
  font-size: 16px;
  height: 40px;
  line-height: 40px;
  padding: 0 2%;
  -webkit-font-smoothing: antialiased;
  color: #333;
  font-weight: 500;
  border: 1px solid #efefef;
}

a {
  color: #2B92FD;
  text-decoration: none;
  -o-transition:color .2s ease-out, background .2s ease-in;
  -ms-transition:color .2s ease-out, background .2s ease-in;
  -moz-transition:color .2s ease-out, background .2s ease-in;
  -webkit-transition:color .2s ease-out, background .2s ease-in;
}

a.btn, input[type=submit], div.btn {
  background-color: #E96C11;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 900;
  display: inline-block;
  padding: 0 12px;
  border: none;
  -webkit-font-smoothing: antialiased;
}

a.btn:hover, input[type=submit]:hover, div.btn:hover {
  background-color: #2B92FD;
}

.btn.inactive {
  background-color: #333333 !important;
}

.inner {
  max-width: 1175px;
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.inner.narrow {
	max-width: 800px;
}

.post-content {
  max-width: 800px;
  width: 68%; 
  margin-right: 4%;
  float: left;
  margin-top: 20px;
}

.thx-content {
  padding-top: 90px;
}

#hero-page .post-content.no-sidebar {
	float: none;
	margin: 25px auto;
	width: 90%;
}

.embed-vimeo {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 15px;
	height: 0;  
  margin: 0 0 40px;
}

.email-feature {
	color: #fff;
	height: 300px;
	background-color: #276ab7;
}

.email-feature .capture {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
}

.email-feature h2 {
	max-width: 550px;
	width: 80%;
	color: #fff;
	font-size: 28px;
	line-height: 34px;
	margin: 0 auto;
	font-weight: 700;
}

.email-feature form {
	margin: 40px 0 0;
}

.email-feature input[type=email] {
	-moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: none;
}

.email-feature input[type=submit] {
	height: 40px;
	line-height: 40px;
}

/* Author Page */

.author-area {
	color: #fff;
  padding: 60px 0 30px;
	background-color: #276ab7;
}

.author-area .text {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  top: 50%;
  max-width: 550px;
  margin: 0 auto;
  text-align: center;
}

.author-area h2 {
	max-width: 550px;
	width: 80%;
	color: #fff;
	font-size: 28px;
	line-height: 34px;
	margin: 0 auto;
	font-weight: 700;
}

.author-area img {
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;
  border: 2px solid #fff;
  margin-bottom: 12px;
}

.author-area a {
  color: #fff;
  display: inline-block;
  padding: 4px 12px;
  line-height: 28px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #E96C11;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}


/* Responsive IFRAME Embed Encoding 
   Adapts fixed pixel IFRAME sizes and makes them responsive. */


/* First, define the common wrapper elements 
   Padding-top is for the fixed height header of the embedded content */

.youtubeWrapper, .vimeoWrapper, .instagramWrapper {
    position: relative;
    padding-top: 30px; height: 0; overflow: hidden;
    margin: 1em 0 0;
}


/* Set the padding-bottom for 16:9 aspect ratio video from YouTube & Vimeo */ 
.youtubeWrapper, .vimeoWrapper {
    padding-bottom: 56.25%;      
}

/* Set padding-bottom for 5:6 aspect ratio Instagram content */
.instagramWrapper {
  padding-bottom: 120%;
}
    
/* For each content source, set the IFRAME to be top left and occupy 100% of width and height of the containing DIV wrapper */    
.youtubeWrapper iframe,
.youtubeWrapper object,
.youtubeWrapper embed,
.vimeoWrapper iframe,
.vimeoWrapper object,
.vimeoWrapper embed,
.instagramWrapper iframe,
.instagramWrapper object,
.instagramWrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.sidebar {
  max-width: 320px;
  width: 27%;
  padding: 25px 0;
  text-align: center;
  background-color: #f6f6f6;
  border: 1px solid rgba(66, 153, 253, 0.3);
  border-top: none;
  float: left;
}

.sidebar p {
  margin: 0 0 25px;
}

header.main {
  background-color: #333333;
  height: 75px;
  border-top: 2px solid #4399F9;
  text-align: center;
}

header.main .menu a {
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
  font-weight: 700;
  text-transform: uppercase;
  border-bottom: 2px solid transparent;
}

header.main .menu a:hover, header.main .menu li.current a {
  border-bottom: 2px solid #2B92FD;
}

header.main .menu {
  width: 50%;
  float: left;
  margin: 42px 0 0;
}

header.main .menu.right {
  float: right;
}

header.main .menu li {
  display: inline-block;
  padding: 0 12px;
}

header.main .social-icons {
  font-family: 'FontAwesome';
  position: absolute;
}

header.main .social-icons a {
  color: #909090;
  margin: 0 0 0 10px;
  font-size: 15px;
}

header.main .social-icons a:hover {
  color: #ffffff;
  border-bottom: none;
}

#container {
  position: relative;
}

h1.logo {
  background: url(img/logo.png) center center no-repeat;
  width: 100px;
  height: 100px;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  left: 50%;
  margin-left: -50px;
  z-index: 9;
}

h1 {
  font-size: 36px;
  line-height: 42px;
}

h2 {
  color: #333;
  font-size: 24px;
  line-height: 28px;
  font-weight: 500;
  margin: 15px 0;
}

h3 {
  color: #429afe;
  font-weight: 700;
  font-size: 48px;
  line-height: 52px;
  text-align: left;
  margin: 40px 0 25px;
}

h4 {
  font-size: 22px;
  line-height: 24px;
  color: #000000;
  font-weight: 700;
  margin: 0 0 8px;
}

h5 {
  font-size: 20px;
  line-height: 26px;
  color: #000;
  font-weight: 900;
}

h5.widgettitle {
	margin: 0 0 15px;
	text-align: center;
	text-transform: uppercase;
}

h6 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
}

.post-single .post h1 {
	font-size: 48px;
	line-height: 54px;
}

.post-single .post h2 {
	font-size: 42px;
	line-height: 48px;
}

.post-single .post h3 {
	font-size: 36px;
	line-height: 42px;
}

.post-single .post h4 {
	font-size: 26px;
	line-height: 30px;
}

.post-single .post h5 {
	margin: 30px 0;
}

.post-single .post h6 {
	margin: 30px 0;
}

h3.fancy-header {
	text-align: center;
}

h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 900;
}

.register h3 {
	text-align: center;
}

.fancy-header span {
  display: inline-block;
  position: relative;  
}

.fancy-header span:before,
.fancy-header span:after {
  content: "";
  position: absolute;
  height: 5px;
  border-bottom: 1px solid #429afe;
  top: 20px;
  width: 100%;  
}

.fancy-header span:before {
  right: 100%;
  margin-right: 15px;
}

.fancy-header span:after {
  left: 100%;
  margin-left: 15px;
}

img {
  max-width: 100%;
  height: auto;
}

footer.main {
  color: #ffffff;
  background-color: #222222;
  padding: 15px 0 0;
  font-size: 12px;
  line-height: 18px;
  min-height: 200px;
}

footer.main .column {
  width: 15%;
  margin-right: 2.5%;
  float: left;
}

footer.main .column ul {
  list-style: none;
  font-size: 16px;
  line-height: 22px;
  margin: 12px 0;
}

footer.main .column ul a {
  color: #ffffff;
}

footer.main .column ul a:hover {
  color: #2b93fe;
}

footer.main .column.about-excerpt {
  width: 30%;
}

footer.main .column.hosting {
  margin: 5px 0 0;
}

.floatRight {
  float: right;
}

.floatLeft {
  float: left;
}

.clear {
  clear: both;
}

/* Default Page */

#default-page {
  margin: 70px 0 0;
}

/* Home */

#post-listings .post {
  margin: 0 0 25px;
  padding: 0 0 25px;
  border-bottom: 1px solid #ededed;
  max-width: 680px;
}

#post-listings .post h2 {
  margin: 15px 0;
}

#post-listings .post .main-feature {
  position: relative;
  overflow: hidden;
  background-color: #222222;
}

#post-listings .post .attachment-main-feature {
	width: -webkit-calc(100% + 20px);
	width: calc(100% + 20px);
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#post-listings .post .feature:hover .attachment-main-feature, #post-listings .post:hover .attachment-main-feature {
	opacity: 0.5;
	-webkit-transform: translate3d(5px,0,0) scale(1.02);
	transform: translate3d(5px,0,0) scale(1.02);
}

#post-listings .post .feature p {
	padding: 0 10px 0 0;
	width: 95%;
	border-right: 1px solid #fff;
	text-align: right;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-40px,0,0);
	transform: translate3d(-40px,0,0);
  font-size: 14px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 900;
  color: #fff;
}

#post-listings .feature:hover p,  #post-listings .post:hover .feature p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

#post-listings figcaption {
 // position: absolute;
 // top: 0;
 // left: 0;
 // width: 100%;
 // height: 100%;
}

#post-listings div.ssba {
  float: right;
  width: 65px;
  padding: 6px 0 0 10px;
  margin: 16px 0 0 40px;
  border-left: 1px solid #ededed;
}

#post-listings .ssba a {
  display: block;
}

#post-listings .post .ssba img {
  padding: 0 0 6px !important;
  margin: 0;
  display: block !important;
  float: left;
}

.share-post .ssba_sharecount, .post-content .ssba_sharecount {
  border: none;
  background: none;
  font: 20px "museo-sans", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #909090;
  margin-left: 5px;
}

#post-listings .ssba_sharecount {
  width: 30px;
  padding: 0;
  line-height: 21px;
  vertical-align: top;
  font-size: 16px;
  display: inline-block;
  text-align: center;
}

.ssba_sharecount:before {
  display: none;
}

.ssba_sharecount:after {
  display: none;
}

.ssba a:hover {
  opacity: 0.8;
}

.share-post {
  border-top: 1px solid #d4d4d4;
  font-weight: 500;
  color: #909090;
  font-size: 20px;
  padding: 15px 0 0;
  margin: 40px 0 0;
}

.share-post.top {
  border-top: none;
  padding-top: 0;
  margin-top: 10px;
}

.share-post div.ssba {
  display: inline-block;
  margin: 0 0 10px 0;
}

.share-post img.ssba {
  margin: 0 0 6px 15px;
}

.feature:hover h2 {
  color: #2B92FD;
}

.post:hover a h2 {
  color: #2B92FD;
}

.cat-title {
  font-size: 12px;
  text-transform: uppercase;
  color: #4199FD;
  font-weight: 700;
}

.cat-title a:hover {
  color: #333333;
}

.author-info {
  font-size: 18px;
  font-style: italic;
  color: #333333;
}

.author-info a {
  color: #333333;
}

.author-info a:hover {
  color: #2B92FD;
}

.author-info img {
  width: 48px;
  height: 48px;
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;
  border: 2px solid #E1E1E1;
  margin: 0 5px 0 0;
}

.author-info.large img {
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 20px;
}

.author-info.large {
  border-top: 1px solid #d4d4d4;
  border-bottom: 1px solid #d4d4d4;
  padding: 20px 0;
  margin: 5px 0;
  font-style: normal;
  overflow: hidden;
}

.author-info h4 {
  color: #353535;
  font-weight: 500;
  line-height: 120px;
}

.author-info.large a:hover {
  color: #e96d11;
}

.post-content .post-navigation {
  overflow: hidden;
  max-width: 680px;
  margin: 0 0 60px;
}

.post-content .post-navigation li {
  list-style: none;
  margin: 0;
}

/* Single */

#single {
  margin-bottom: 75px;
}

.pad {
  margin-top: 40px;
}

#single .post a, .speaker-info a {
	border-bottom: 1px solid rgba(66, 154, 254, .4);
	-webkit-transition: background-color 0.3s, border-color 0.3s;
	transition: background-color 0.3s, border-color 0.3s;
	padding: 0 4px;
}

#single .post a:hover,
#single .post a:focus, .speaker-info a:hover {
  color: #ffffff;
	border-color: rgba(52,73,94,0);
	background-color: rgba(66, 154, 254, 1);
}

#single a[href$=jpg], #single a[href$=jpeg], #single a[href$=jpe], #single a[href$=png], #single a[href$=gif] {
	padding: 0;
	border: none;
	background-color: transparent;
}

#single a[href$=jpg]:hover, #single a[href$=jpeg]:hover, #single a[href$=jpe]:hover, #single a[href$=png]:hover, #single a[href$=gif]:hover {
  border: none;
  background-color: transparent;
}

.hero {
  background-color: #f6f6f6;
}

.hero .youtubeWrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
}

.hero .outer {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: relative;  
  height: 480px;
}

.hero .inner {
  height: 100%;
  vertical-align: middle;
}

.hero h2 {
  color: #ffffff;
  font-size: 50px;
  line-height: 58px;
  font-weight: 900;
  width: 80%;
  max-width: 800px;
  position: relative;
  z-index: 2;
  display: inline-block;
  vertical-align: middle;
  text-shadow: 0 1px 6px #333;
}

.hero h2 span {
  font-weight: 700;
}

.hero h2.overlay-title {
  background-color: rgba(35,35,35,0.9);
  border-left: 4px solid #429afe;
  font-size: 40px;
  font-weight: 700;
  line-height: 46px;
  padding: 7px 10% 7px 2%; 
  width: 45%
}

.hero div.overlay-title {
  display: inline-block;
  vertical-align: middle;
  width: 65%;
  background-color: rgba(35,35,35,0.9);
  border-left: 4px solid #429afe;
  padding: 7px 5% 7px 2%; 
  color: #ffffff;
}

.hero div.overlay-title h2 {
  display: block;
  font-size: 49px;
  font-weight: 900;
  width: 100%;
  line-height: 52px;
  margin: 20px 0 0;
}

.hero div.overlay-title h2 span {
  font-weight: 700;
}

.hero div.overlay-title .date {
  font-weight: 900;
  font-size: 18px;
  position: relative;
}

.hero div.overlay-title p {
  position: relative;
  font-size: 28px;
  line-height: 36px;
}

.hero div.overlay-title .btn {
  position: relative;
  font-size: 20px;
  line-height: 45px;
  height: 45px;
  margin: 10px 0;
}

.hero div.summit-2017 {
  display: inline-block;
  vertical-align: middle;
  width: 65%;
  padding: 7px 5% 7px 2%; 
  color: #ffffff;
}

.hero .inner:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

#single .hero .inner:before {
	height: 130%;
}

.hero .overlay {
  background-color: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#hero-page .post-content {
  margin: 25px 4% 0 0;
}

/* ====================================
   Demo specific styling
   ==================================== */

.header-video {
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

.hero iframe, .hero video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

.hero iframe {
  height: 100%;
  width: 100%;
}

.video-close-trigger {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #fff;
  font-size: 36px;
  z-index: 10;
  cursor: pointer;
}

.hero video {
  width: 100%;
}

.video-trigger {
  position: relative;
  z-index: 9;
  color: #429afe;
  text-transform: uppercase;
  font-size: 18px;
  display: block;
}

.video-trigger .fa {
  padding-right: 15px;
}

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

.wp-caption-text {
  font-size: 13px;
  line-height: 15px;
  margin: 10px 0;
  padding: 0 10%;
  font-weight: 500;
  color: #5c5c5c;
}

.post-content .post h2 {
  margin: 50px 0;
}

.post-content .post h3, .post-content .post h4 {
  margin: 40px 0;
}

.post-content ul {
  margin: 0 0 0 30px;
}

.post-content ul li {
  list-style: disc;
  list-style-position: outside;
  margin-left: 1em;
  margin: 15px 0;
}

.post-content ol {
  margin: 0 0 0 30px;
}

.post-content.post-single h3, .workshops h3 {
  color: #333333;
  text-align: left;
  font-size: 36px;
  line-height: 40px;
}

.post-content ol li {
  list-style-position: outside;
  margin-left: 1em;
  margin: 15px 0;
}

.title-block {
  height: 400px;
  background-color: #e96d11;
  margin: 40px 0;
}

.title-block .inside {
  height: 100%;
  vertical-align: middle;
}

.title-block .inside:before {
  content: ' ';
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.title-block h2 {
  color: #ffffff;
  width: 90%;
  padding: 0 30px;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  font-size: 48px;
  line-height: 60px;
  font-weight: 900;
}

h2.larger {
  font-size: 36px;
  line-height: 46px;
  font-weight: 900;
}

.inline-tweet-share {
  border-left: 10px solid #2b93fe;
  padding-left: 20px;
  font-size: 34px;
  line-height: 42px;
  font-style: italic;
  margin: 40px 0;
}

.inline-tweet-share a.inline-twitter-link {
  color: #353535;
  border-bottom: none !important;
  background: none;
  padding: 0 10px !important;
}

#single .inline-tweet-share a.inline-twitter-link:hover {
	color: #353535;
	background: none;
}

.inline-twitter-link .dashicons {
  font-size: 20px !important;
  color: #999999;
}

.inline-twitter-link:hover .dashicons {
  color: #2b93fe !important;
}

/* Sidebar */

.sidebar .top {
  line-height: 22px;
}

.sidebar .top .head {
  color: #429afe;
  font-weight: 900;
  text-transform: uppercase;
}

.sidebar .top .sub-title {
  font-size: 14px;
  color: #333333;
  font-style: italic;
}

.newsletter {
  padding: 20px 25px;
  font-size: 14px;
  line-height: 18px;
  text-align: left;
  background: url(img/bg-stripe.png) repeat;
  overflow: hidden;
  margin: 20px 0;
}

.newsletter label {
  display: none;
}

.newsletter input[type=submit] {
  float: right;
  margin: 10px 0 0;
}

.newsletter input[type=email] {
  width: 96%;
}

#s {
	width: 60%;
}

.right-sidebar {
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	text-align: left;
}

.right-sidebar li {
	margin: 0 0 15px 15px;
}

.right-sidebar .widget {
  margin: 15px auto 0;
  padding-top: 15px;
  border-top: 1px solid #dedede;
  width: 90%;	
}

/* Category */

ul.category-list {
  margin: 80px 0 35px;
}

ul.category-list li {
  display: inline-block;
  margin: 0 2px;
}

ul.category-list li.articles {
  font-weight: 600;
  font-size: 16px;
}

ul.category-list li a {
  display: block;
  padding: 0 8px;
  line-height: 38px;
  font-size: 16px;
  font-weight: 500;
  background-color: #e5e5e5;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

ul.category-list li a:hover, ul.category-list li.current-cat a {
  background-color: #429afe;
  color: #ffffff;
}

ul.post-grid {
  font-size: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.post-grid li {
  float: left;
  width: 23%;
  margin: 0 2% 0 0;
  min-height: 240px;
}

.post-grid.speaker-list li {
  min-height: 380px;
}

.post-grid.short {
	text-align: center;
}

.post-grid.short li {
	float: none;
	display: inline-block;
}

.related-posts .post-grid li {
  width: 30%;
  margin-right: 3%;
}

.post-grid img {
  margin: 0 0 8px;
}

.post-grid h6 {
  font-size: 11px;
  line-height: 15px;
  font-weight: 500;
  color: #353535;
}

.post-grid a:hover h6 {
  color: #429afe;
}

/* Summit */

.sticky-page-nav {
  background-color: #fff;
  height: 60px;
  line-height: 60px;
  z-index: 9;
  text-align: center;
  font-weight: 500;
  border-bottom: 1px solid #d1d1d1;
}

.sticky-page-nav .current-summit {
  padding-right: 45px;
  font-weight: 700;
}

.sticky-page-nav a {
  text-transform: uppercase;
  padding: 0 12px;
}

.sticky-page-nav a:hover {
  color: #E96C11;
}

.summit-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: center;
}

.summit-list img {
  margin-bottom: 15px;
}

.summit-list li {
  display: inline-block;
  width: 20%;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
}

.summit-list li a, .summit-list li div.coming-soon {
  color: #232323;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  padding: 12px;
  display: block;
}

.summit-list li a:hover {
  background-color: #B6D4F6;
}

.summit-list li a .btn, .summit-list li a, .summit-list li div.coming-soon .btn {
  margin: 8px 0 0;
}

.blue {
  color: #ffffff;
  background-color: #429afe;
}

.blue h3 {
  font-size: 28px;
  font-weight: 700;
  color: #ffffff;
  margin: 10px 0;
}

.blue .inner {
  text-align: center;
}

.blue .btn {
  position: relative;
  font-size: 20px;
  line-height: 45px;
  height: 45px;
  margin: 10px auto;
}

.blue .btn:hover {
  background-color: #353535;
}

.dark {
  background-color: #353535;
  color: #ffffff;
}

.dark h3 {
  color: #ffffff;
}

.dark .fancy-header span:before,
.dark .fancy-header span:after {
  border-color: #ffffff;
}

#summit section {
  padding: 0 0 25px;
}

#summit section .schedule {
  padding-bottom: 45px;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  position: relative;
}

#summit section .schedule li {
	overflow: hidden;
	list-style: none;
	padding-bottom: 90px;
	position: relative;
}

#summit section .schedule:before {
  content: "";
  position: absolute;
  width: 2px;
  background-color: #fff;
  top: 10px;
  left: 9.8%;
  bottom: 70px;  
  display: block;
}

#summit section .schedule li:last-child {
	padding-bottom: 0;
}

#summit section .schedule img {
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;
  width: 125px;
  border: 2px solid #ffffff;
  margin-top: 4px;
}

#summit section .schedule .small img {
  width: 75px;
}

#summit section .schedule .larger img {
  width: 200px;
}

#summit section .schedule h6 {
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
  margin: 0 0 5px;
}

#summit section .schedule .larger h6 {
	font-weight:bold;
}

#summit section .schedule .time {
  font-size: 14px;
}

#summit .schedule .image-token {
	float: left;
	width: 20%;
	text-align: center;
}

#summit .schedule .event-info {
	width: 60%;
	float: left;
}

#summit .blue.strip {
  padding: 22px 0;
  margin: 0 0 30px;
}

.blue.strip h3 {
  text-align: center;
  margin: 0;
}

.past-attendees .inner h3 {
  text-align: center;
}

.past-attendees .inner {
  max-width: 800px;
  margin: 0 auto;
}

.past-attendees .sponsors li {
  max-width: 15%;
  margin: 20px 2%;
}

.sponsors {
	text-align: center;
}

.sponsors li {
	max-width: 33%;
	display: inline-block;
	margin: 0 25px 40px;
}

.sponsors li img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
}

.sponsors li a:hover img {
	-webkit-filter: none;
	-moz-fiter: none;
	filter: none;
}

#summit #register p {
	font-size: 32px;
	text-align: center;
	width: 80%;
	margin: 0 auto 30px;
	line-height: 38px;
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
 	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(img/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {

}

.bx-wrapper .bx-next {
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	bottom: 0;
	outline: 0;
	z-index: 9999;
	font-size: 36px;
	padding: 0 12px 10px;
}

.bx-wrapper .bx-controls-direction a.bx-next {
  right: 20px;
  left: auto;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(img/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}

#speaker-slider > li {
  overflow: hidden;
  background-color: #f1f0f0;
  list-style: none;
  position: absolute;
}

#speaker-slider .image {
  float: left;
  max-width: 320px;
  width: 47%;
  margin-right: 3%;
}

#speaker-slider .image:before {
  background-color: #333333;
  max-width: 320px;
  width: 47%;
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  left: 0;
}

#speaker-slider .image img {
  position: relative;
}

#speaker-slider .speaker-info {
  float: left;
  width: 47%;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 50px;
}

#speaker-slider .speaker-info h6.name {
  font-size: 50px;
  line-height: 56px;
  margin: 15px 0 0;
  color: #353535;
  text-transform: uppercase;
  font-weight: 700;
}

#speaker-slider .speaker-info h6 .position {
  display: block;
  font-size: 20px;
  text-transform: capitalize;
}

ul.speaker-list {
  margin: 40px 0 10px;
}

ul.speaker-list p {
  margin: 0;
  font-size: 14px;
  line-height: 18px;
  font-style: italic;
}

ul.speaker-list a, ul.speaker-list h4 {
  color: #353535;
}

ul.speaker-list h4 {
  margin: 0 0 4px;
}

ul.speaker-list a:hover, ul.speaker-list a:hover h4 {
  color: #429afe;
}

.speaker-section {
  position: relative;
}

.slider-controls {
  position: relative;
  bottom: 35px;
  right: 20px;
  width: 49%;
  font-size: 24px;
  font-weight: 500;
  text-align: right;
  float: right;
}

.slider-controls #slider-prev {
  float: left;
}

.slider-controls a:hover {
  color: #E96C11;
}

#quote-slider li {
  list-style: none;
  padding-bottom: 30px;
  text-align: center;
}

#quote-slider .image-token {
  display: inline-block;
  width: 130px;
  margin-right: 2%;
  vertical-align: middle;
}

#quote-slider img {
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;
  width: 125px;
  border: 3px solid #353535;
  margin-top: 4px;   
}

#quote-slider .quote-info {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  display: inline-block;
  vertical-align: middle;
  max-width: 65%;
  text-align: left;
} 

#quote-slider .quote-info p {
  margin: 0;
}

#quote-slider .quote-info .speaker {
  font-weight: 300;
  font-style: italic;
}

/* Series */

.series-list .series-item {
  overflow: hidden;
  font-size: 16px;
  line-height: 20px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 2px solid #D4D4D4;
}

.series-list .series-item .image-token {
  float: left;
  width: 10%;
  margin-right: 3%;
}

.series-list .series-item img.avatar {
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;
  width: 100px;
  border: 2px solid #cecece;
  margin-top: 4px; 
}

.series-list .series-item h6 {
  color: #020303;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin: 0 0 10px;
}

.series-list .series-item .series-info p.date {
	font-weight: bold;
	margin: 5px 0;
	font-size: 14px;
}

.series-list .series-item .series-info p.host {
	font-weight: bold;
	margin: 20px 0 0;
}

.series-list .series-item .series-info p.host img {
	max-width: 70px;
	margin: 0 12px 0 0;
  -moz-border-radius: 50%; 
  -webkit-border-radius: 50%; 
  border-radius: 50%;
}

.series-list .series-item .series-info p a {
  line-height: 95px;
}

.series-list .series-item .series-info p a:hover {
  color: #e96d11;
}

.series-list .series-info {
	float: left;
	width: 85%;
}

.series-list .series-item .series-info .btn {
  float: right;
  margin: 40px 0 0 30px;
}

.series-list .series-item .series-info p {
  max-width: 80%;
  margin: 0;
}

.team-list {
  margin: 60px 0 0;
}

.team-list .author-info {
  border-bottom: none;
}

.register-section {
  margin: 15px auto 0;
  padding-top: 15px;
  border-top: 1px solid #dedede;
  width: 90%;
}

.register-list {
  list-style: none;
  text-align: left;
  margin: 0 auto;
  width: 90%;
  line-height: 20px;
}

.register-list li {
  margin: 10px 0 25px;
}

.register-list .city {
  font-size: 18px;
  display: block;
  line-height: 20px;
}

.register-list .date {
  font-size: 14px;
  display: block;
}

.register-list img {
  margin-bottom: 8px;
  border: 1px solid #9F9F9F;
}

.register-list a {
  color: #333333;
}

.register-list .btn {
  display: inline-block;
  margin: 6px 0;
}

.video-section .inner {
  text-align: center;
  font-weight: 500;
  font-size: 22px;
  line-height: 28px;
}

.video-section a:hover {
  color: #E96C11;
}

.featured-posts {
  margin: 25px 0 40px;
}

.featured-posts img {
  margin-bottom: 8px;
}

.featured-posts li {
  display: inline-block;
  width: 45%;
  text-align: left;
  margin: 0 2%;
  vertical-align: top;
}

/* Jobs */

.single_job_listing {
	overflow: hidden;
}

.single_job_listing .meta li {
	list-style: none;
}

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body {height: 100%;}

#container {min-height: 100%;}

#content {overflow:auto;
	padding-bottom: 215px;}  /* must be same height as the footer */

footer.main {position: relative;
	margin-top: -215px; /* negative value of footer height */
	height: 215px;
	clear:both;} 

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
content:"";
height:100%;
float:left;
width:0;
margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

button.alm-load-more-btn{	
   font-family: Helvetica, Arial, sans-serif;
   font-size:16px;
   font-weight: 600;
   width:auto;   
   height: 42px;
   line-height: 44px;
   background: #ed7070;
   color:#fff;
   border: none;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin: 0 0 4px;
   padding:0 20px;
   display: inline-block;		
   position: relative;
   -webkit-transition: padding 0.25s ease-in-out;
   -moz-transition: padding 0.25s ease-in-out;
   transition: padding 0.25s ease-in-out;
   text-align: center;	
   text-decoration: none;
   -webkit-appearance: none; 
   -moz-appearance: none;   
   appearance: none;      
   /* Prevents text selection */
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: -moz-none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
   cursor: pointer;
}
	button.alm-load-more-btn:hover{
		background-color: #d34646;
		color: #fff;
		text-decoration: none;
	}
	button.alm-load-more-btn:active{
		-webkit-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 2px 1px rgba(0, 0, 0, 0.1);
		text-decoration: none;
	}	
	
	/* Loading */
   button.alm-load-more-btn.loading{
    	padding-left: 44px;
   }
    
   /* Loaded / Done */
	button.alm-load-more-btn.done{
		cursor: default;
		opacity: 0.2;
		filter: alpha(opacity=20); 
		background-color: #ed7070; 
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
   }  
      
   /* Loading Icon */
	button.alm-load-more-btn:before,
	button.alm-load-more-btn.done:before{                
		background: none;
		width: 0;
	}
	
	/* Loading :before */
	button.alm-load-more-btn.loading:before {
      background: #fff url(img/ajax-loader.gif) no-repeat center center;
      width: 30px;
      height: 30px;
      margin: 6px;		
      -webkit-border-radius:3px;
      -moz-border-radius:3px;
      border-radius:3px;
      display: inline-block;
      z-index: 0;
      content: '';
      position: absolute;
      left: 0;
      overflow: hidden;
      -webkit-transition: width 0.5s ease-in-out;
      -moz-transition: width 0.5s ease-in-out;
      transition: width 0.5s ease-in-out;
	}
	
.alm-btn-wrap{
	text-align:center;
	padding:10px 10px 30px;
	overflow: hidden;
	display: block;
	clear: both;
}

/* white */
.ajax-load-more-wrap.white button.alm-load-more-btn{
	background-color: #fff;
	color: #666;
	border: 1px solid #efefef;
}
	.ajax-load-more-wrap.white button.alm-load-more-btn:hover,
	.ajax-load-more-wrap.white button.alm-load-more-btn.done{
		background-color: #efefef;
		color: #333;
	}	
	
  .ajax-load-more-wrap.white button.alm-load-more-btn.done {
  	display: none;
  }

	.ajax-load-more-wrap.white button.alm-load-more-btn.done{
		border-color: #fff;
	}
	



/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

/* iPad */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    
}

/* iPhone */
@media only screen and (max-width: 767px) and (min-width: 0) {
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}