/*
Theme Name: Ruby
Theme URI: http://freewptp.com/themes/ruby/
Author: Vinod Dalvi
Author URI: http://freewptp.com/
Description: Ruby is a clean, minimal, responsive and fully customizable WordPress theme that looks awesome on any device. It adjusts automatically to any screen size including tablets and smartphones as well as Retina displays. Theme is built using HTML5, CSS3, Bootstrap 4 and is SEO friendly. This theme can be used for anything so be creative and unleash its full potential in blogging, ecommerce, business and other websites. Along the awesome design this theme is customizable via a simple but yet powerful theme customizer options. Some of the nicest features are social icons, custom logo, translation ready (compatible with WPML plugin) and many more. This theme out-of-the-box plays nicely with WooCommerce, Jetpack, bbPress, BuddyPress, WP-PageNavi, Breadcrumb NavXT, Contact Form 7 and other popular free and premium plugins.
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ruby
Domain Path: /languages/
Tags: one-column, two-columns, right-sidebar, left-sidebar, flexible-header, custom-background, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, entertainment

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Ruby is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles based on http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Layouts
# Forms
# Navigation
	## Links
	## Menus
	## Social Icons
# Accessibility
# Alignments
# Clearings
# Widgets
# Header
	## Call For Action
# Content
	## Posts and pages
	## Comments
# Footer
# Infinite scroll
# CSS Fixes
# Plugins CSS
# Media
	## Captions
	## Galleries
#  Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

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

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

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

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

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

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	margin: 0.67em 0;
}

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

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

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

figure {
	margin: 0;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

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

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

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

body.tag {
	display: inherit;
	padding: 0;
	font-size: 16px;
	font-weight: normal;
	color: inherit;
	line-height: 1.5;
	text-align: inherit;
	white-space: normal;
	border-radius: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border-left: 4px solid;
	font-style: italic;
	margin: 0 0 1.625rem 1.625rem;
	padding-left: 1rem;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #e6eee7; /* Fallback for when there is no custom background color defined. */
}

.h1,
h1 {
	font-size: 2rem;
}

.h2,
h2 {
	font-size: 1.75rem;
}

.h3,
h3 {
	font-size: 1.5rem;
}

.h4,
h4 {
	font-size: 1.25rem;
}

.h5,
h5 {
	font-size: 1rem;
}

.h6,
h6 {
	font-size: 0.75rem;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	/* height: auto; */ /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

.main-content-area {
	overflow: hidden;
}

body.boxed #page {
	margin: 0 auto;
	max-width: 1140px;
}

body.full-width-template #secondary,
body.no-sidebar-template #secondary {
	display: none;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding: .6em 0.8em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	color: #242424;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	color: #242424;
	outline: 0;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover,
a:focus,
a:active {
	outline: none;
	text-decoration: none;
}

a:hover,
a:active {
	outline: 0;
	text-decoration: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

#site-navigation > .navbar-toggleable-xs {
	clear: both;
	display: table !important;
	margin: 0 auto;
}

.col-md-10 .navbar-toggleable-xs {
	float: right;
}

#site-navigation .custom-logo-link img {
	max-height: 54px;
	padding: 5px 0;
	width: auto;
}

.logo-site-title {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
}

#page .main-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation .nav li a {
	background-color: transparent;
	display: block;
	line-height: 24px;
	text-decoration: none;
}

.navbar-nav > li {
	margin-right: 20px;
}

#site-navigation .navbar-nav > li > a {
	padding: 15px 0;
}

.main-navigation ul ul {
	border: 0;
	float: left;
	left: -999em;
	position: absolute;
	top: 3.4em;
	z-index: 99999;
}

.navbar-nav > li > ul {
	border-radius: 0 0 .25rem .25rem;
	border-top: 0;
}

.navbar-nav ul ul {
	border-radius: 0 .25rem .25rem .25rem;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	padding: 5px 10px;
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 99%;
}

.main-navigation ul.nav-menu > .current_page_item > a,
.main-navigation ul.nav-menu > .current-menu-item > a,
.main-navigation ul.nav-menu > .current_page_ancestor > a,
.main-navigation ul.nav-menu > .current-menu-ancestor > a {
	color: #242424;
}

.main-navigation li ul .current_page_item > a,
.main-navigation li ul .current-menu-item > a,
.main-navigation li ul .current_page_ancestor > a,
.main-navigation li ul .current-menu-ancestor > a {
	color: #ea005d;
	background-color: #e6e6e6;
}

.main-navigation .dropdown-menu > .active > a:hover,
.main-navigation .dropdown-menu > .active > a:focus {
	color: #242424;
	background-color: #ea005d;
}

.main-navigation .woocommerce-cart-items {
	background: #fff;
	border-radius: 100%;
	padding: 8px 5px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}

.wp-pagenavi-pagination li {
	list-style: none;
	float: left;
}

.pagination {
	display: table;
	margin: 2rem auto;
	text-transform: uppercase;
}

.post-navigation a,
.pagination span,
.pagination a,
.pagination .prev,
.pagination .next {
	background-color: #fff;
	border: 1px solid #dadada;
	float: left;
	font-size: 12px;
	margin-right: 5px;
	padding: 8px 14px;
	text-decoration: none;
}

.post-navigation a:hover,
.pagination .prev:hover
.pagination .next:hover {
	color: #fff;
}

.pagination .next {
	margin-right: 0;
}

.post-navigation .nav-next a{
	float: right;
}

#image-navigation,
.comment-navigation {
	border-top: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	font-size: 13px;
	font-size: 0.8125rem;
	line-height: 1.6153846154;
	margin: 0 0 2.1538461538em;
	padding: 1.0769230769em 0;
}

.comment-navigation {
	margin-left: 0;
	margin-right: 0;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
	margin-bottom: 0;
}

#image-navigation .nav-previous:not(:empty),
#image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

#image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\002f";
	display: inline-block;
	opacity: 0.7;
	padding: 0 0.538461538em;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/

.social-menu {
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

.social-menu li {
	float: left;
	margin-left: 10px;
}

.social-menu li:first-child{
	margin-left: 0;
}

.social-menu li a {
	border-radius: 2px;
	color: #242424;
	display: inline-block;
	font-family: "fontawesome";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	padding: 4px 3px;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.social-menu li a span {
	display: none;
}

.social-menu li a[href*="twitter.com"] .fa:before { content:"\f099" }
.social-menu li a[href*="facebook.com"] .fa:before { content:"\f09a" }
.social-menu li a[href*="github.com"] .fa:before { content:"\f09b" }
.social-menu li a[href*="/feed"] .fa:before { content:"\f09e" }
.social-menu li a[href*="dribbble.com"] .fa:before { content: "\f17d" }
.social-menu li a[href*="skype.com"] .fa:before { content: "\f17e" }
.social-menu li a[href*="foursquare.com"] .fa:before { content: "\f180" }
.social-menu li a[href*="spotify.com"] .fa:before { content: "\f1bc" }
.social-menu li a[href*="soundcloud.com"] .fa:before { content: "\f1be" }
.social-menu li a[href*="vimeo.com"] .fa:before { content: "\f194" }
.social-menu li a[href*="youtube.com"] .fa:before { content: "\f167" }
.social-menu li a[href*="instagram.com"] .fa:before { content: "\f16d" }
.social-menu li a[href*="flickr.com"] .fa:before { content: "\f16e" }
.social-menu li a[href*="tumblr.com"] .fa:before { content: "\f173" }
.social-menu li a[href*="pinterest.com"] .fa:before { content: "\f0d2" }
.social-menu li a[href*="plus.google.com"] .fa:before { content: "\f0d5" }
.social-menu li a[href*="linkedin.com"] .fa:before { content: "\f0e1" }
.social-menu li a[href*="mailto"] .fa:before { content: "\f003" }

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	overflow: hidden;
	position: absolute !important;
	height: 1px;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

#secondary {
	margin-bottom: 2rem;
}

.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

.widget ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.widget li {
	border-bottom: 1px solid #ddd;
	padding: 8px 16px 8px 0;
}

.widget li li {
	border-bottom: 0;
	padding: 8px 8px 0 16px;
}

.widget-title {
	color: #fff;
	font-size: 15px;
	font-weight: 800;
	padding: 8px 10px;
}

#page .widget-title a {
	color: #fff;
}

.search-form label {
	margin: 0;
	position: relative;
}

.search-form label:first-of-type {
	float: left;
	max-width: 250px;
	width: 85%;
}

.search-form label:last-of-type {
	float: left;
	max-width: 35px;
	width: 15%;
}

.search-form .search-field {
	border-radius: 0;
	float: left;
	outline: 0;
	width: 100%;
}

.search-form .fa-search {
	color: #fff;
	float: right;
	font-size: 20px;
	height: 32px;
	padding-top: 5px;
	text-align: center;
	width: 35px;
}

body .search-form .search-submit {
	background: transparent;
	border: 0;
	border-radius: 0;
	box-shadow: none;
	font-size: 0;
	height: 32px;
	position: absolute;
	right: 0;
	text-indent: 0;
	top: 0;
	width: 35px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header-top-nav,
.header-text-wrapper {
	font-size: 15px;
	padding: 5px 0;
}

#top-navigation ul {
	display: block;
}

#top-navigation li:last-child {
	margin-right: 0;
}

#top-navigation a {
	padding: 0;
}

#masthead {
	margin-bottom: 30px;
}

.logo-wrapper {
	margin: 15px auto;
}

#logo {
	text-align: center;
}

.site-branding {
	text-align: center;
}

#logo.col-md-6 {
	text-align: right;
}

.site-branding.col-md-6 {
	text-align: left;
}

.site-branding .site-title {
	font-size: 2em;
	font-weight: 800;
	line-height: 1.1;
	margin: 15px 0 0;
}

.site-title a:hover {
	text-decoration: none;
}

p.site-description {
	margin-bottom: 0;
	margin-top: 0.5em;
}

.site-description,
.header-text {
	color: #fff;
}

.header-text-wrapper .col-md-6:nth-child(1) {
	text-align: left;
}

.header-text-wrapper .col-md-6:nth-child(2) {
	text-align: right;
}

.header-nav-wrapper.fixed {
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99999;
}

.search-menu > span {
	color: #fff;
	cursor: pointer;
	display: block;
	padding: 15px 0;
}

.search-menu .search-form {
	background-color: #282A2B;
	display: none;
	padding: 15px;
	position: absolute;
	right: -30px;
	top: 100%;
	width: 270px;
	z-index: 99999;
}

.search-menu .search-form .fa-search {
	background-color: #fff;
}

button.menu-toggle {
	background-color: transparent;
	border: 1px solid #fff;
	box-shadow: none;
	color: #fff;
	display: table;
	font-size: 14px;
	font-size: 0.9125rem;
	margin: 10px 15px 10px auto;
	padding: 0.769230769em;
	text-shadow: none;
}

.no-js button.menu-toggle {
	display: none;
}

.header-img-wrapper {
	text-align: center;
}

.flexslider {
	border: 0;
	margin: 0;
	overflow: hidden;
}

.flex-caption {
	bottom: 50px;
	display: inline-block;
	left: 0;
	margin: auto;
	max-width: 100%;
	padding: 20px;
	position: absolute;
	right: 0;
	width: 700px;
	z-index: 1;
}

li.flex-active-slide .flex-caption h2,
li.flex-active-slide .flex-caption .excerpt {
	-webkit-animation-delay: .4s;
	-moz-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
	-webkit-animation-duration: .6s;
	-moz-animation-duration: .6s;
	-o-animation-duration: .6s;
	animation-duration: .6s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeinleft;
	-moz-animation-name: fadeinleft;
	-o-animation-name: fadeinleft;
	animation-name: fadeinleft;
}

.flex-caption h2 {
	color: #fff;
	display: table;
	font-weight: 400;
	font-size: 28px;
	margin: 0 auto;
	padding: 12px 20px;
	text-align: center;
	-webkit-animation-delay: .5s;
	-moz-animation-delay: .5s;
	-o-animation-delay: .5s;
	animation-delay: .5s;
}

.flex-caption .excerpt {
	color: #fff;
	display: table;
	margin: 0 auto;
	padding: 12px 20px;
	-webkit-animation-delay: .10s;
	animation-delay: .10s;
}

.flex-caption h2,
.flex-caption .excerpt {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeoutleft;
	-moz-animation-name: fadeoutleft;
	-o-animation-name: fadeoutleft;
	animation-name: fadeoutleft;
}

@-webkit-keyframes fadeinleft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform:    translate3d(-100%, 0, 0);
		-ms-transform:     translate3d(-100%, 0, 0);
		-o-transform:      translate3d(-100%, 0, 0);
		transform:         translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
		transform:	   none;
	}
}

@-moz-keyframes fadeinleft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform:    translate3d(-100%, 0, 0);
		-ms-transform:     translate3d(-100%, 0, 0);
		-o-transform:      translate3d(-100%, 0, 0);
		transform:         translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
		transform:	   none;
	}
}

@-o-keyframes fadeinleft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform:    translate3d(-100%, 0, 0);
		-ms-transform:     translate3d(-100%, 0, 0);
		-o-transform:      translate3d(-100%, 0, 0);
		transform:         translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
		transform:	   none;
	}
}

@keyframes fadeinleft {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform:    translate3d(-100%, 0, 0);
		-ms-transform:     translate3d(-100%, 0, 0);
		-o-transform:      translate3d(-100%, 0, 0);
		transform:         translate3d(-100%, 0, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		-moz-transform:    none;
		-ms-transform:     none;
		-o-transform:      none;
		transform:	   none;
	}
}

@-webkit-keyframes fadeoutleft {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform:    translate3d(-100%, 0, 0);
		-ms-transform:     translate3d(-100%, 0, 0);
		-o-transform:      translate3d(-100%, 0, 0);
		transform:         translate3d(-100%, 0, 0);
	}
}

@-moz-keyframes fadeoutleft {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform:    translate3d(-100%, 0, 0);
		-ms-transform:     translate3d(-100%, 0, 0);
		-o-transform:      translate3d(-100%, 0, 0);
		transform:         translate3d(-100%, 0, 0);
	}
}

@-o-keyframes fadeoutleft {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform:    translate3d(-100%, 0, 0);
		-ms-transform:     translate3d(-100%, 0, 0);
		-o-transform:      translate3d(-100%, 0, 0);
		transform:         translate3d(-100%, 0, 0);
	}
}

@keyframes fadeoutleft {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		-moz-transform:    translate3d(-100%, 0, 0);
		-ms-transform:     translate3d(-100%, 0, 0);
		-o-transform:      translate3d(-100%, 0, 0);
		transform:         translate3d(-100%, 0, 0);
	}
}

.flex-direction-nav a {
	background-color: #000;
	border-radius: 50%;
	color: #fff;
	cursor: pointer;
	display: block;
	height: 40px;
	margin: -20px 0 0;
	overflow: hidden;
	opacity: 0;
	position: absolute;
	text-shadow: none;
	text-align: center;
	top: 50%;
	width: 40px;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:before {
	content: "\f001";
	color: #fff;
	display: inline-block;
	font-family: "flexslider-icon";
	font-size: 20px;
	line-height: 40px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}

.flex-direction-nav .flex-next {
	right: -50px;
	text-align: center;
}

ol.flex-control-nav {
	bottom: 0;
	z-index: 99;
}

.flex-control-paging li a {
	border: 1px solid #adaaaf;
}

.flex-control-paging li a.flex-active {
	background: #fff;
}

.header-widget-inner {
	margin-bottom: 30px;
}

.header-widget-inner .container {
	background-color: #f5f5f2;
	padding-top: 30px;
}

/*--------------------------------------------------------------
## Call For Action
--------------------------------------------------------------*/

.cfa {
	overflow: hidden;
	padding: 15px 0;
	text-align: center;
}

.cfa .has-btn {
	padding-top: 12px;
}

.cfa-text {
	display: block;
	font-size: 22px;
	line-height: 1.35;
	position: relative;
}

.cfa-button {
	border: 1px solid #fff;
	padding: 15px 30px;
	position: relative;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.cfa-button:hover,
.cfa-button:active,
#colophon .cfa-button:hover {
	background: rgba(100, 100, 100, 0.1);
	color: #fff;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/

.sticky {
	display: block;
}

.hentry {
	margin: 0 0 2em;
}

article,
article.tag-success,
#secondary .well {
	background-color: #fff;
	border: 1px solid #dadada;
	border-radius: 0;
	box-shadow: none;
	padding: 30px;
}

h1.entry-title {
	margin-top: 0;
}

header.entry-header {
	text-align: center;
}

.entry-header .entry-meta {
	font-size: 13px;
	margin-bottom: 1em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-ruby .byline {
	display: inline;
}

article .entry-content > *:last-child {
	margin-bottom: 0;
}

article .entry-footer,
article .post-thumbnail{
	text-align: center;
}

article .entry-footer {
	font-size: 13px;
	margin-top: 1.5em;
}

article .entry-footer > span {
	margin: 0 3px;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.page-links a,
.page-links > span {
	border: 1px solid #d1d1d1;
	border-radius: 2px;
	display: inline-block;
	font-size: 13px;
	font-size: 0.8125rem;
	height: 1.8461538462em;
	line-height: 1.6923076923em;
	margin-right: 0.3076923077em;
	text-align: center;
	width: 1.8461538462em;
}

.site-content .page-links a {
	background-color: #1a1a1a;
	border-color: #1a1a1a;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #ea005d;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #1a1a1a;
	height: auto;
	margin: 0;
	padding-right: 0.6153846154em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.75em;
}

.entry-caption {
	color: #686868;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 1.0769230769em;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}

.entry-content a.more-link,
.entry-content a.read-more {
	color: #fff;
	display: table;
	margin: 0 auto;
	padding: 8px 12px;
}

.widget-area {
	font-size: 14px;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

.comment-list {
	margin-left: 0;
	padding: 0;
}

.comment-list,
.comment-list ol {
	list-style: none;
}

.comment-list .comment-body {
	margin-bottom: 15px;
	overflow: hidden;
	padding-left: 100px;
	position: relative;
}

.comment-list .children {
	border-left: 1px solid #dadada;
	margin-left: 0;
	padding-left: 1.5em;
}

footer.comment-meta {
	font-size: 14px;
	margin-bottom: 5px;
}

.comment-author .avatar {
	border-radius: 2px;
	left: 30px;
	position: absolute;
	top: 30px;
}

.comment-metadata {
	font-size: 11px;
}

.comment-content {
	font-size: 15px;
}

.comment-content a {
	word-wrap: break-word;
}

.comment-content p {
	margin-bottom: 0.5em;
}

.bypostauthor {
	display: block;
}

.reply a.comment-reply-link {
	background-color: #ea005d;
	color: #fff;
	float: right;
	font-size: 12px;
	padding: 5px 10px;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#colophon {
	margin-top: 30px;
}

#colophon button,
#colophon input[type="button"],
#colophon input[type="reset"],
#colophon input[type="submit"] {
	background: #777171;
	border-color: #777171;
}

#colophon button:hover,
#colophon input[type="button"]:hover,
#colophon input[type="reset"]:hover,
#colophon input[type="submit"]:hover {
	background: #ea005d;
	border-color: #ea005d;
	color: #fff;
}

.footer-widget-inner {
	padding: 1.5em 0 0;
	width: 100%;
}

.footer-widget-inner {
	background-color: #363839;
}

.footer-widget-inner .widget-title {
	background-color: #777171;
}

.footer-widget-inner  .widget li {
	border-bottom-color: #777171;
}

.site-info {
	font-size: 15px;
	padding: 1em 0;
}

.home-widget-inner .container {
	background-color: #f5f5f2;
	padding-top: 1.5em;
}

.scroll-to-top {
	background: #363636;
	background: rgba(100, 100, 100, 0.4);
	border-radius: 4px;
	bottom: 4%;
	color: #fff;
	cursor: pointer;
	display: none;
	font-size: 16px;
	line-height: 40px;
	position: fixed;
	right: 20px;
	text-align: center;
	width: 40px;
	z-index: 999;
	-webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
}

.scroll-to-top:hover {
	opacity: .8;
}

.footer-menu-wrapper,
.footer-social-icons {
	margin-bottom: 10px;
}

.footer-menu-wrapper .navbar-nav {
	margin-left: 0;
}

#page .footer-menu-wrapper .navbar-nav a {
	background-color: transparent;
	padding: 0;
}

.footer-social-icons .social-icons {
	float: right;
}

.footer-text-wrapper {
	clear: both;
	float: left;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	width: 100%;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# CSS Fixes
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Plugins CSS
--------------------------------------------------------------*/

/* bbPress */
#bbpress-forums div.bbp-breadcrumb p,
#bbpress-forums div.bbp-topic-tags p {
	margin-bottom: 20px;
}

#page #bbpress-forums,
#page div.bbp-breadcrumb,
#page div.bbp-topic-tags,
#page #bbpress-forums ul {
	font-size: 14px;
}

/* BuddyPress */
.bp-login-widget-user-avatar img.avatar,
.widget.buddypress div.item-avatar img.avatar {
	border-radius: 100%;
}

/* Jetpack */
#infinite-handle {
	display: table;
	margin: 0 auto;
}

body #infinite-handle span {
	padding: 0;
}

body #infinite-handle span button,
body #infinite-handle span button {
	background: #ea005d;
	padding: 6px 16px;
}

body #infinite-handle span button:hover,
body #infinite-handle span button:focus {
	background: #242424;
	padding: 6px 16px;
}

/* Breadcrumb NavXT */
.main-content-area > .breadcrumbs {
	margin-bottom: 10px;
}

body.home .main-content-area > .breadcrumbs {
	display: none;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/

.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	padding: 0 1.1400652% 2.2801304%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
	font-size: 0.8125rem;
	font-style: italic;
	line-height: 1.6153846154;
	padding-top: 0.5384615385em;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media ( min-width: 576px ) {

	body.admin-bar .header-nav-wrapper.fixed {
		top: 32px;
	}
}

@media ( min-width: 576px ) and ( max-width: 1200px ) {

	#page .container {
		width: 100%;
	}
}

@media ( min-width: 768px ) {

	.right-sidebar-template #primary.col-md-8 {
		padding-left: 0;
	}

	.left-sidebar-template #primary.col-md-8 {
		float: right;
		padding-right: 0;
	}

	.no-sidebar-template #primary.col-md-8 {
		float: none;
		margin: 0 auto;
		padding: 0;
	}

	.full-width-template #primary.col-md-8 {
		padding: 0;
		width: 100%;
	}

	#secondary {
		padding: 0;
	}

	.footer-menu-wrapper .navbar-nav,
	.footer-menu-wrapper li {
		float: left;
	}
}

@media ( max-width: 768px ) {

	body #page .col-md-6 {
		clear: both;
		float: none;
		text-align: center;
		width: 100%;
	}

	.header-top-nav .social-icons nav,
	.top-menu-container.pull-right {
		float: none;
		margin: 10px auto;
	}

	.header-top-nav,
	.header-text-wrapper{
		display: none;
	}

	.flex-caption .excerpt {
		display: none;
	}

	.flex-caption h2 {
		font-size: 17px;
		padding: 5px;
	}

	.cfa-text{
		padding-top: 0;
	}

	.cfa-button {
		font-size: 0.8rem;
		padding: 10px 15px;
	}

	.col-md-4 .cfa-button {
		margin-top: 15px;
	}

	.footer-social-icons .social-icons {
		display: table;
		float: none;
		margin: 25px auto 0;
	}

	.footer-menu-wrapper .navbar-nav > li {
		margin-right: 0;
	}
}

@media screen and ( max-width: 860px ) {

	#page .flex-direction-nav .flex-next {
		opacity: 1;
		right: 10px;
	}
}

@media screen and ( min-width:  56.875em ) {

	#menu-toggle,
	.menu-toggle,
	button.dropdown-toggle {
		display: none;
	}

	.main-navigation ul {
		display: block;
	}

	#site-navigation .navbar-nav > li.dropdown {
		margin-right: 10px;
		padding-right: 20px;
	}

	#site-navigation li.dropdown:before {
		cursor: pointer;
		content: "\f107";
		display: block;
		font-family: "fontawesome";
		position: absolute;
		right: 5px;
		top: 14px;
	}

	#site-navigation ul ul li.dropdown:before {
		content: "\f105";
		top: 7px;
	}
}

@media screen and ( max-width: 56.875em ) {

	.header-nav-wrapper .col-md-2 {
		float: left;
	}

	.header-nav-wrapper button.menu-toggle {
		float: right;
	}

	.header-nav-wrapper .col-md-10 {
		clear: both;
		width: 100%;
	}

	.col-md-10 .navbar-toggleable-xs {
		float: none;
	}

	#site-navigation li {
		border-top: 1px solid #fff;
		clear: both;
		width: 100%;
	}

	#site-navigation li a {
		width: 100%;
	}

	#site-navigation ul ul a {
		padding: 15px 0;
	}

	#site-navigation .menu-item-has-children > a {
		float: left;
		width: 90%;
	}

	#site-navigation .dropdown a:after {
		display: none;
	}

	#site-navigation ul.dropdown-menu {
		background-color: transparent;
		display: none;
		position: static;
		padding-left: 30px;
		width: 100%;
	}

	#site-navigation li.open > ul.dropdown-menu {
		display: block;
	}

	#site-navigation.main-navigation a {
		color: #fff;
		background-color: transparent;
	}

	#site-navigation.main-navigation a:focus,
	#site-navigation.main-navigation a:hover,
	#site-navigation.main-navigation li:hover > a,
	#site-navigation.main-navigation .current_page_item > a,
	#site-navigation.main-navigation .current-menu-item > a,
	#site-navigation.main-navigation .current_page_ancestor > a,
	#site-navigation.main-navigation .current-menu-ancestor > a {
		color: #242424;
	}

	#site-navigation .search-menu > span {
		display: none;
	}

	#site-navigation form.search-form {
		display: block;
		position: static;
		padding-left: 0;
	}

	button.dropdown-toggle {
		background-color: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		color: #fff;
		content: "";
		font-size: 25px;
		height: 54px;
		line-height: 25px;
		padding: 0;
		position: absolute;
		right: 0;
		text-transform: none;
		top: 0;
		width: 46px;
	}

	#site-navigation .navbar-toggleable-xs.collapse {
		display: none !important;
	}

	#site-navigation .navbar-toggleable-xs.collapse.in {
		display: block !important;
	}

	.site-footer .scroll-to-top {
		background-color: #ea005d;
	}

}