/*
Theme Name: Ef Practical
Theme URI:
Author: Dimitrakopoulos
Author URI:
Description: Practical is a responsive theme with two types of layout, wide and boxed. It gives the choice of using sticky header for desktop, tablet and mobile. Also, three widget areas, grid blog posts up to six columns and many more.  
Version: 1.1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ef-practical
Tags: blog, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, flexible-header, custom-background, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready

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.

Resetting styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html

Rebuilding styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
#   Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

html {
	overflow-y: auto; /* Keeps page centred in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
	-ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}

*,
*: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*/
	-webkit-box-sizing: inherit;
    box-sizing: inherit;
}

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

table {
    /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	text-align: center;
}

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

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

a:focus {
    outline: thin dotted;
}

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

a img {
	border: 0;
}

embed, iframe, object {
	max-width: 100%;
}

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

::selection {
    color: #ffffff;
    background-color: #666666;
}

::-moz-selection {
    color: #ffffff;
    background-color: #666666;
}

/*--------------------------------------------------------------
#   Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    font-family: 'PT Serif', serif;
    font-size: 14px;
    color: #555555;
    font-weight: 400;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

body {
	background: #ffffff;
}

h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
    font-family: 'Playfair Display', serif;
    color: #222222;
    font-weight: 400;
    line-height: 1.3em;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

h1 { font-size: 26px; }
h2 { font-size: 24px; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }

/*--------------------------------------------------------------
#   Elements
--------------------------------------------------------------*/
hr {
	border: 0;
	height: 1px;
	margin: 20px 0;
	background: #cccccc;
}

p {
	margin-bottom: 15px;
}

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

b,
strong {
	font-weight: 700;
}

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

blockquote {
    margin-bottom: 20px;
	padding-left: 20px;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times,serif;
    color: #919191;
    border-left: 5px solid #0b6baa;
}

address {
    display: block;
	margin: 0 0 15px;
	font-style: italic;
}

pre,
code,
samp,
kbd,
tt,
var {
	font-family: "Courier New", Courier, monospace, sans-serif;
	font-size: 16px;
	line-height: 1.4;
}

pre {
    margin-bottom: 15px;
    max-width: 100%;
    padding: 15px;
    background: #f5f5f5;
    border: 1px solid #e0e0e0;
    white-space: pre;
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code {
    background: #eeeeee;
    padding: 3px 5px;
}

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

ins {
	border-bottom: 1px dotted #cccccc;
}

mark {
    background: #fff9c0;
}

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

big {
	font-size: 125%;
}

small {
	font-size: 80%;
}

sup,
sub {
	font-size: 10px;
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

table {
    width: 100%;
    margin-bottom: 20px;
	border: none;
}

table th,
table td {
	padding: 5px;
	border: 1px solid #e0e0e0;
    vertical-align: middle;
}

table th,
table thead th {
    font-weight: 700;
    background: #eeeeee;
}

/*table tr {
    background: #ffffff;
}*/

table tr:nth-child(even) {
    background: #f5f5f5;
}

ul,
ol {
	margin: 0 0 15px 30px;
}

ol {
	list-style: decimal;
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin: 0 0 0 20px;
}

dl {
	margin-bottom: 20px;
}

dt {
	font-weight: 700;
	margin-bottom: 5px;
}

dd {
    margin-left: 30px;
	margin-bottom: 10px;
}

/*--------------------------------------------------------------
#   Forms - Buttons
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 5px 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
	border: none;
    background: #919191;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button:hover,
button:focus,
button:active,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #0b6baa;
}

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,
select {
    max-width: 100%;
	padding: 5px;
    font-size: 14px;
    background: #eeeeee;
	border: 1px solid #e0e0e0;
}

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,
select:focus {
    background: #f5f5f5;
    outline: 0;
}

textarea {
	width: 100%;
}

.search-form {
    position: relative;
    display: block;
    overflow: hidden;
}

.search-form .search-field {
    display: inline-block;
    width: 100%;
    padding-right: 40px;
}

.search-form .search-submit {
    position: absolute;
    height: 100%;
    top: 0;
    right: 0;
}

.header-search {
    position: relative;
    float: right;
    margin-left: 10px;
    padding: 5px 0;
}

.right_logo .header-search {
    display: inline-block;
    float: none;
}

.search-toggle {
    font-size: 14px;
    color: #919191;
    cursor: pointer;
}

.search-toggle:hover {
    color: #0b6baa;
}

.search-toggle:before {
    font-family: FontAwesome;
    content: "\f002";
}

.search-container {
    position: absolute;
    display: none;
    width: 250px;
    right: 0;
    margin-top: 10px;
    padding: 5px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 0 1px #e0e0e0;
    box-shadow: 0 0 0 1px #e0e0e0;
}

.button {
    display: inline-block;
    padding: 6px 8px;
    color: #ffffff;
    background: #919191;
    line-height: normal;
    border-radius: 3px;
}

.button:hover {
    color: #ffffff;
    background: #0b6baa;
}

/*--------------------------------------------------------------
#   Links
--------------------------------------------------------------*/
a {
    color: #919191;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a,
a:after,
a:before {
	text-decoration: none;
}

a:hover{
    color: #0b6baa;
	text-decoration: none;
}

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

/*--------------------------------------------------------------
#   Images
--------------------------------------------------------------*/
figure {
	margin: 0;
	text-align: center;
}

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

.entry-content img,
.comment-content img,
.widget img {
	max-width: 100%; /* Fluid images for posts, comments, and widgets */
    height: auto;
}

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {

}

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

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

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 10px;
}

p img {

}

img#wpstats {
	display: none;
}

/*--------------------------------------------------------------
#   Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 10px;
    padding: 5px;
	max-width: 100%;
    background: #eeeeee;
    border: solid 1px #e0e0e0;
}

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

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

.wp-caption-text {
    font-size: 14px;
	text-align: center;
    font-style: italic;
}

/*--------------------------------------------------------------
#   Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 20px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 20px;
}

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

/*--------------------------------------------------------------
#   Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    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. */
}

/*--------------------------------------------------------------
#    Clearings
--------------------------------------------------------------*/
.cf:before,
.cf:after,
.ef-container:before,
.ef-container:after,
.entry-content:before,
.entry-content:after,
.hentry:before,
.hentry: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;
	clear: both;
}

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

/*--------------------------------------------------------------
#    Site Layout
--------------------------------------------------------------*/
body.boxed {
    background: #eaeaea;
}

.boxed #page {
    max-width: 1270px;
    margin: 0 auto;
    -webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px -4px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.boxed.sticky-header #masthead.sticky {
    max-width: 1270px;
    left: unset;
    right: unset;
}

.ef-container {
    max-width: 1270px;
    padding: 0 15px;
    margin: 0 auto;
}

/*--------------------------------------------------------------
#    Social
/*--------------------------------------------------------------*/
.social-icon {
    position: relative;
	display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 5px;
    color: #ffffff;
    text-align: center;
    background: #919191;
    border-radius: 3px;
    vertical-align: top;
}

.social-icon:last-child {
    margin-right: 0;
}

.social-icon span {
    position: absolute;
    display: block;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.social-icon:hover span {
    height: 100%;
}

.social-icon i {
    position: absolute;
    width: 28px;
	height: 28px;
    top: 0;
	left: 0;
    color: #ffffff;
	line-height: 28px;
    background: none;
	z-index: 10;
}

.social-icon.globe span { background: #0b6baa; }
.social-icon.facebook span { background: #3c599f; }
.social-icon.twitter span { background: #32ccfe; }
.social-icon.google-plus span { background: #cf3d2e; }
.social-icon.youtube span { background: #ff0000; }
.social-icon.pinterest span { background: #bd081c; }
.social-icon.instagram span {
    background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),-webkit-gradient(linear, left top, left bottom, from(#6559ca), color-stop(30%, #bc318f), color-stop(50%, #e42e66), color-stop(70%, #fa5332), to(#ffdc80));    background: -o-radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%),-o-radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%),-o-radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),-o-radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),-o-radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),-o-radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),-o-radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),-o-linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);    background: radial-gradient(circle farthest-corner at 35% 100%, #fec564, transparent 50%),radial-gradient(circle farthest-corner at 10% 140%, #feda7e, transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent),linear-gradient(#6559ca, #bc318f 30%, #e42e66 50%, #fa5332 70%, #ffdc80 100%);
}
.social-icon.linkedin span { background: #4875b4; }
.social-icon.flickr span { background: #ff0084; }
.social-icon.rss span { background: #f26522; }

/*--------------------------------------------------------------
#    Header Top Bar
--------------------------------------------------------------*/
.header-top-bar {
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    background: #eeeeee;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.header-top-bar .ef-container {
    position: relative;
}

.contact-phone,
.contact-email {
    display: block;
    float: left;
    line-height: 36px;
}

.header-top-bar .contact-phone + .contact-email:before {
    content: "|";
    padding: 0 10px;
    color: #919191;
}

.contact-phone .fa,
.contact-email .fa {
    padding-right: 5px;
}

.header-top-bar .social-links {
    float: right;
    padding: 4px 0;
    line-height: 28px;
}

/*--------------------------------------------------------------
#    Header
--------------------------------------------------------------*/
#masthead {
    position: relative;
    width: 100%;
    background: #ffffff;
    background-size: cover;
    background-position: center center;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 2px 1px -1px rgba(0,0,0,0.2);
    z-index: 9;
}

.sticky-header #masthead {
    opacity: 0;
    visibility: hidden;
}

.sticky-header #masthead.sticky {
    position: fixed;
    left: 0;
    right: 0;
    opacity: 1;
    visibility: visible;
    z-index: 99;
}

.header-bottom {
    -webkit-box-shadow: 0 -2px 1px -1px rgba(0,0,0,0.2);
    box-shadow: 0 -2px 1px -1px rgba(0,0,0,0.2);
}

.header-bottom .row {
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-transition-property: padding;
    -o-transition-property: padding;
    transition-property: padding;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

.site-title {
    margin-bottom: 0;
    font-size: 36px;
    font-weight: 700;
    line-height: 1;
}

.site-title a {
    display: inline-block;
}

.site-title a:hover {
    color: #0b6baa;
}

.site-title + .site-description {
    margin-top: 5px;
}

.site-description {
    font-size: 14px;
    font-style: italic;
}

.custom-logo-link,
.custom-logo {
    width: auto;
    max-height: 70px;
    -webkit-transition-property: max-height;
    -o-transition-property: max-height;
    transition-property: max-height;
    -webkit-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/*--------------------------------------------------------------
#    Header Image
--------------------------------------------------------------*/
.header-image {
    position: relative;
    width: 100%;
    background-size: cover;
    background-position: center center;
    -webkit-box-shadow: inset 0 -2px 1px -1px rgba(0,0,0,0.2);
    box-shadow: inset 0 -2px 1px -1px rgba(0,0,0,0.2);
}

.header-img-content {
    position: relative;
    max-width: 1270px;
    margin: 0 auto;
    text-align: center;
}

.header-img-title + .header-img-desc,
.header-img-title + .header-img-btn,
.header-img-desc + .header-img-btn {
    margin-top: 20px;
}

.header-img-title,
.header-img-desc {
    color: #ffffff;
    text-shadow: 1px 1px #6b6b6b;
}

.header-img-title {
    margin-bottom: 0;
    font-size: 32px;
}

.header-img-desc {
    font-size: 18px;
    line-height: 1.4;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}

.header-img-btn {
    padding: 10px 15px;
    line-height: normal;
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

/*--------------------------------------------------------------
#    Navigation
--------------------------------------------------------------*/
.main-navigation {
    position: relative;
    width: 100%;
}

.center_logo .main-navigation {
    border-top: 1px solid #e0e0e0;
}

.main-navigation ul {
    float: right;
    margin: 0;
    list-style: none;
}

.main-navigation li {
    position: relative;
    float: left;
    margin-right: 15px;
}

.main-navigation li:last-child {
    margin-right: 0;
}

.main-navigation a {
    position: relative;
    display: block;
    padding: 5px 0;
    font-size: 14px;
    font-weight: 700;
}

.main-navigation ul .menu-item-has-children > a:after,
.main-navigation ul .page_item_has_children > a:after {
    content: "\f107";
    font-family: FontAwesome;
    margin-left: 5px;
    display: block;
    float: right;
}

.main-navigation ul ul {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    float: left;
    top: auto;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-transform-origin: center top;
    -ms-transform-origin: center top;
    transform-origin: center top;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    z-index: 99;
}

.main-navigation li:hover > ul {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
}

.main-navigation ul ul li {
    margin: 0;
}

.main-navigation ul ul a {
    min-width: 230px;
    padding: 7px 10px;
    font-size: 13px;
}

.main-navigation ul ul .menu-item-has-children > a:after,
.main-navigation ul ul .page_item_has_children > a:after {
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -12px;
    font-size: 16px;
}

.main-navigation ul .menu-item-has-children > a:hover:after,
.main-navigation ul .page_item_has_children > a:hover:after,
.main-navigation ul ul .menu-item-has-children > a:hover:after,
.main-navigation ul ul .page_item_has_children > a:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}

.main-navigation ul ul li.page_item_has_children > a,
.main-navigation ul ul li.menu-item-has-children > a {
    padding-right: 25px;
}

.main-navigation ul ul a:hover,
.main-navigation ul ul li:hover > a {
    background: #eeeeee;
}

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

/* Mobile Nav
---------------------------------------*/
.menu-toggle {
    float: right;
    margin-bottom: 0;
    color: #919191;
    font-size: 28px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.cmb {
    overflow: hidden;
}

.close-menu-button {
    float: right;
    margin: 10px 10px 0 0;
    width: 28px;
    height: 28px;
    color: #919191;
    font-size: 22px;
    text-align: center;
    line-height: 1;
    background: #ffffff;
    border-radius: 50%;
    cursor: pointer;
}

.right_logo .close-menu-button {
    float: left;
    margin: 10px 0 0 10px;
}

.close-menu-button:before {
    content: "\f00d";
    font-family: FontAwesome;
    line-height: 28px;
}

.menu-toggle:hover,
.close-menu-button:hover,
.menu-toggle .fa-times {
    color: #0b6baa;
}

.open-mobile-nav {
    overflow: hidden;
}

.open-mobile-nav .mobile-nav {
    -webkit-box-shadow: 3px 0 3px -3px #000000;
    box-shadow: 3px 0 3px -3px #000000;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

.right_logo.open-mobile-nav .mobile-nav {
    -webkit-box-shadow: -3px 0 3px -3px #000000;
    box-shadow: -3px 0 3px -3px #000000;
}

.mobile-nav {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    overflow-y: auto;
    max-width: 280px;
    background-color: #eeeeee;
    z-index: 999999;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.mobile-nav .search-form {
    margin: 10px;
}

.mobile-nav > ul {
    padding: 10px 5px;
}

.mobile-nav ul {
    margin: 0;
    list-style: none;
}

.mobile-nav li {
    position: relative;
}

.mobile-nav a {
    position: relative;
    display: block;
    padding: 5px;
    font-size: 13px;
    font-weight: 700;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #cccccc;
}

.mobile-nav > ul > li:last-child a {
    border-bottom: none;
}

.mobile-nav ul li .dropdown-toggle {
    position: absolute;
    margin-top: 5px;
    padding-left: 5px;
    top: 0;
    right: 5px;
    font-size: 18px;
    border-left: 1px solid #666666;
    cursor: pointer;
    z-index: 9;
}

.mobile-nav ul li .dropdown-toggle:hover {
    opacity: 0.6;
}

.mobile-nav ul ul {
    display: none;
}

.mobile-nav li.page_item_has_children > a,
.mobile-nav li.menu-item-has-children > a {
    padding-right: 30px;
}

.mobile-nav ul ul a { padding-left: 20px; }
.mobile-nav ul ul ul a { padding-left: 40px; }
.mobile-nav ul ul ul ul a { padding-left: 60px; }
.mobile-nav ul ul ul ul ul a { padding-left: 80px; }
.mobile-nav ul ul ul ul ul ul a { padding-left: 100px; }

.mobile-nav a:hover,
.mobile-nav li:hover > a {
    background: #ffffff;
}

.mobile-nav a:hover,
.mobile-nav li:hover > a,
.mobile-nav li.current_page_item > a,
.mobile-nav li.current-menu-item > a,
.mobile-nav li.current_page_ancestor > a,
.mobile-nav li.current-menu-ancestor > a {
    color: #0b6baa;
}

/* Posts - Post - Comments - Image Navigation
-----------------------------------------------*/
.post-navigation,
.posts-navigation {
    margin-top: 40px;
    line-height: normal;
}

.comments-nav-top {
    margin-bottom: 30px;
}

.comments-nav-bottom {
    margin-top: 30px;
}

.post-nav,
.comments-nav  {
    width: 50%;
    float: left;
}

.nav-next {
    float: right;
    text-align: right;
}

.post-nav a,
a .comments-nav,
.side-navigation a {
    font-size: 14px;
    font-weight: 700;
}

.post-navigation a {
    display: block;
    position: relative;
    padding: 0 20px;
}

.post-navigation a:before {
    position: absolute;
    content: "\f053";
    font-family: FontAwesome;
    font-size: 18px;
    top: 50%;
    left: 0;
    margin-top: -7px;
}

.post-navigation .nav-next a:before {
    content: "\f054";
    left: unset;
    right: 0;
}

.postnav-title {
    display: block;
    font-weight: 400;
}

.side-nav-prev,
.side-nav-next {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -26px;
    width: 25px;
    background: #eeeeee;
    border-radius: 0 3px 3px 0;
    -webkit-box-shadow: 0 0 0 1px #e0e0e0;
    box-shadow: 0 0 0 1px #e0e0e0;
    z-index: 99;
    -webkit-transition: width 0.3s cubic-bezier(.78,.13,.15,.86);
    -o-transition: width 0.3s cubic-bezier(.78,.13,.15,.86);
    transition: width 0.3s cubic-bezier(.78,.13,.15,.86);
}

.side-nav-next {
    left: unset;
    right: 0;
    border-radius: 3px 0 0 3px;
}

.side-nav-prev:hover,
.side-nav-next:hover {
    width: 256px;
}

.side-navigation span {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.side-navigation a {
    display: block;
    padding: 5px;
}

.side-navigation a:before {
    content: "\f053";
    font-family: FontAwesome;
    float: right;
    display: block;
    width: 25px;
    height: 58px;
    line-height: 58px;
    margin: -5px -5px -5px 5px;
    text-align: center;
    font-size: 20px;
}

.side-navigation .side-nav-next a:before {
    content: "\f054";
    float: left;
    margin: -5px 5px -5px -5px;
}

/* Pagination */
.pagination {
    margin-top: 40px;
    text-align: center;
}

.pagination a,
.pagination .current {
    display: inline-block;
    margin-right: 5px;
    padding: 5px;
    min-width: 32px;
    height: 32px;
    color: #ffffff;
    background: #919191;
    font-weight: 700;
    line-height: 22px;
    border-radius: 3px;
}

.pagination .fa {
    font-weight: 700;
}

.pagination a:last-child {
    margin: 0
}

.pagination a:hover,
.pagination .current {
    color: #ffffff;
    background: #0b6baa;
}

/*--------------------------------------------------------------
#    Content
--------------------------------------------------------------*/
#content {
    position: relative;
    width: 100%;
    background: #ffffff;
}

#primary,
.sidebar {
    padding-top: 40px;
    padding-bottom: 40px;
}

.no-sidebar #primary.col-md-9,
.page.no-sidebar #primary.col-md-9,
.single.no-sidebar #primary.col-md-9 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

/*--------------------------------------------------------------
#   Header Pages Title Bar
--------------------------------------------------------------*/
.page-header {
    padding: 15px 0;
    background-color: #eeeeee;
    border-bottom: 1px solid #e0e0e0;
}

.page-header .page-title {
    margin-bottom: 0;
    font-weight: 700;
}

.page-title .dashicons {
    width: auto;
    height: auto;
    margin-right: 10px;
    font-size: inherit;
    line-height: inherit;
}

.site-main .page-header {
    margin-bottom: 15px;
    padding: 0 0 5px;
    background-color: transparent;
    border-bottom: 3px double #e0e0e0;
}

/*--------------------------------------------------------------
#    404 Page / No Results
--------------------------------------------------------------*/
.not-found {
    text-align: center;
}

.not-found .search-form {
    max-width: 400px;
    margin: 0 auto;
}

.not-found .row {
    text-align: left;
}

/*--------------------------------------------------------------
#   Attachment Page
--------------------------------------------------------------*/ 
.attachment .entry-content {
    text-align: center;
}

.attachment .entry-caption {
    margin: 20px 0;
}

/*--------------------------------------------------------------
#    Post - Entry
--------------------------------------------------------------*/
.sticky.hentry {
    padding: 10px;
    background: #eeeeee;
}

.sticky .entry-title:before {
    content: "\f08d";
    font-family: FontAwesome;
    display: block;
    float: left;
    margin-right: 10px;
}

.hentry {
    margin-bottom: 50px;
}

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

.entry-title {
    margin-bottom: 10px;
    font-size: 22px;
}

h1.entry-title {
    font-size: 24px;
}

.entry-title .dashicons {
    display: block;
    float: left;
    width: auto;
    height: auto;
    margin-right: 10px;
    font-size: inherit;
    line-height: inherit;
}

.entry-title a {
    color: #222222;
}

.entry-title a:hover {
    color: #0b6baa;
}

/* Entry thumbnail */
.featured-image {
    margin-bottom: 15px;
    text-align: center;
}

.entry-thumbnail {
    position: relative;
    display: inline;
}

.entry-thumbnail img {
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.entry-thumbnail a {
    position: absolute;
    display: inline-block;
    margin-top: -20px;
    margin-left: -20px;
    top: 50%;
    left: 50%;
    font-size: 22px;
    width: 40px;
    height: 40px;
    color: #ffffff;
    line-height: 40px;
    border-radius: 50%;
    text-align: center;
    opacity: 0;
    z-index: 9;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    -o-transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
    transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.entry-thumbnail:hover > a {
    background: #919191;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: all 500ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 1;
}

.entry-thumbnail a:hover {
    color: #ffffff;
    background: #0b6baa;
}

.entry-thumbnail:hover > img {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}

.small-featured-img {
    float: left;
    width: 30%;
}

.small-featured-img + .blog-post-body {
    float: left;
    width: 70%;
    padding-left: 15px;
}

/* Entry meta */
.entry-meta {
    margin-bottom: 10px;
}

.single .entry-meta {
    padding-bottom: 5px;
    border-bottom: 3px double #e0e0e0;
}

.entry-meta span {
    display: block;
    margin-right: 15px;
    float: left;
    font-size: 14px;
}

.entry-meta span:last-child {
    margin-right: 0;
}

.entry-meta span .fa {
    margin-right: 5px;
}

/* Links pages */
.page-links {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
    clear: both;
}

.page-number,
.page-links a,
.page-links-title {
    float: left;
}

.page-number {
    margin-left: 5px;
}

.page-links a:hover .page-number,
.page-links > .page-number {
    color: #0b6baa;
}

/* Read more */
.read-more {
    float: right;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 700;
}

/* Edit link */
.edit-link {
    display: block;
    margin-top: 10px;
}

.post-edit-link {
    position: relative;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: 700;
}

.post-edit-link:before {
    content: "\f044";
    font-family: FontAwesome;
    padding-right: 3px;
}

/* Entry footer */
.entry-footer {
    margin-top: 15px;
    font-size: 14px;
}

.entry-footer span {
    display: block;
}

.entry-footer .fa {
    float: left;
    margin-right: 10px;
    padding-top: 4px;
}

.entry-footer .cat-links + .tags-links {
    margin-top: 5px;
}

/* Grid blog layout
-----------------------------------------------*/
.grid-posts {
    margin: 0 -15px -15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid-posts .hentry {
    padding: 10px;
    background: #ffffff;
    -webkit-box-shadow: 0 0 1px 1px #e0e0e0;
    box-shadow: 0 0 1px 1px #e0e0e0;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.grid-posts .hentry:hover {
    -webkit-box-shadow: 0 10px 2px -5px #e0e0e0;
    box-shadow: 0 10px 2px -5px #e0e0e0;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px);
}

/*--------------------------------------------------------------
#   Related Posts
--------------------------------------------------------------*/
.related-posts {
    margin-top: 40px;
}

.related-posts-title {
    text-align: center;
}

.related-posts-item {
    height: 100%;
    padding: 5px;
    background: #eeeeee;
    border: 1px solid #e0e0e0;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.related-posts-item a {
    display: block;
    overflow: hidden;
}

.related-item-thumb {
    float: left;
    position: absolute;
}

.related-item-thumb,
.related-item-thumb img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.related-item-thumb + .related-item-content {
    padding-left: 65px;
}

.related-item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 50px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.related-item-title {
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    color: #919191;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.related-date {
    font-size: 12px;
    color: #555555;
}

.related-posts-item:hover .related-item-title {
    color: #0b6baa;
}

/*--------------------------------------------------------------
#   Widgets
--------------------------------------------------------------*/
.widget {
    margin-bottom: 40px;
    font-size: 14px;
}

.widget:last-child {
    margin-bottom: 0;
}

.widget-title {
    padding-bottom: 5px;
    font-size: 18px;
    border-bottom: 3px double #e0e0e0;
}

.widget:not(.widget_text) ul {
    margin: 0;
    list-style: none;
}

.widget:not(.widget_text) ul li,
.widget:not(.widget_text) div ul li {
    position: relative;
    margin-top: 5px;
    padding-left: 20px;
}

.widget.widget_rss ul li {
    margin-top: 10px;
}

.widget_rss span,
.widget_recent_entries span {
    display: block;
    font-size: 12px;
}

.widget ul li:before,
.widget div ul li:before {
    font-family: FontAwesome;
    position: absolute;
    float: left;
    left: 0;
}

.widget_rss ul li:before {
    content: "\f111";
    font-size: 8px;
}
.widget_meta ul li:before { content: "\f0da"; }
.widget_archive ul li:before { content: "\f016"; }
.widget_categories ul li:before { content: "\f114"; }
.widget_recent_entries ul li:before { content: "\f017"; }
.widget_recent_comments ul li:before { content: "\f0e5"; }

.widget_pages ul li:before,
.widget_nav_menu ul li:before {
    content: "\f105";
}

.widget_pages ul ul li:before,
.widget_nav_menu ul ul li:before {
    content: "\f101";
}

.widget_pages .page_item.current_page_item > a,
.widget_nav_menu .menu-item.current-menu-item > a {
    color: #0b6baa;
    font-weight: 700;
}

.widget select {
    width: 100%;
    max-width: 100%;
}

/* Tagcloud */
.tagcloud a {
    float: left;
    padding: 0 5px;
    margin-bottom: 3px;
    margin-right: 3px;
    text-transform: capitalize;
    border: 1px solid #e0e0e0;
}

.tagcloud a:hover {
    border-color: #0b6baa;
}

/* Calendar */
.widget_calendar caption {
    font-weight: 700;
    padding-bottom: 5px;
}

.widget_calendar table th,
.widget_calendar table thead th {
    background: #e0e0e0;
}

.widget_calendar td,
.widget_calendar th {
    padding: 3px 0;
}

.widget_calendar #today {
    -webkit-box-shadow: inset 0 0 5px 2px #cccccc;
    box-shadow: inset 0 0 5px 2px #cccccc;
}

#wp-calendar a {
    font-weight: 700;
    font-style: italic;
}

/* Social Widget
-----------------------------------------------*/
.ef-social-icon .social-icon {
    margin-bottom: 5px;
}

.ef-social-text .social-icon,
.ef-social-icon-text .social-icon {
    width: auto;
    margin: 0 5px 5px 0;
}

.ef-social-text .text-social-widget,
.ef-social-icon-text .text-social-widget {
    position: relative;
    padding: 0 5px 0 28px;
    color: #ffffff;
    line-height: 28px;
    text-align: left;
    z-index: 9;
}

.ef-social-text .text-social-widget {
    padding-left: 5px;
}

/* Custom Recent Posts Widget
-----------------------------------------------*/
.ef-recent-entries li {
    margin: 0 0 10px 0 !important;
    padding: 0 0 10px 0 !important;
    border-bottom: 1px solid #e0e0e0;
    overflow: hidden;
}

.ef-recent-entries li:last-child {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: none;
}

.ef-recent-entries-thumb,
.ef-recent-entries-body {
    float: left;
    line-height: normal;
}

.ef-recent-entries-thumb {
    width: 30%;
}

.ef-recent-entries-thumb + .ef-recent-entries-body {
    width: 70%;
    padding-left: 10px;
}

.ef-recent-entry-title {
    font-size: 16px;
    margin-bottom: 5px;
}

.ef-recent-entries-date {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 5px;
}

/*--------------------------------------------------------------
#   Footer Widgets
--------------------------------------------------------------*/
.footer-widgets-area {
    padding: 30px 0;
    color: #ffffff;
    background: #222222;
    border-top: 1px solid #444444;
}

.footer-widget .widget-title {
    color: #ffffff;
}

.footer-widget table th,
.footer-widget table td,
.footer-widget .widget-title,
.footer-widget .ef-recent-entries li {
    border-color: #363636;
}

.footer-widget input {
    color: #919191;
    background: #333333;
    border-color: #444444;
}

.footer-widget input:focus {
    background: #363636;
}

.footer-widget .tagcloud a:hover {
    border-color: #0b6baa;
}

.footer-widget .widget_calendar table th,
.footer-widget .widget_calendar table thead th,
.footer-widget table tr:nth-child(even) {
    background: #282828;
}

/*--------------------------------------------------------------
#   Footer
--------------------------------------------------------------*/
.site-footer {
    position: relative;
    width: 100%;
}

.site-info {
    padding: 10px 0;
    font-size: 14px;
    color: #ffffff;
    line-height: normal;
    background: #333333;
    -webkit-box-shadow: 0 -2px 1px -1px rgba(255, 255, 255, 0.2);
    box-shadow: 0 -2px 1px -1px rgba(255, 255, 255, 0.2);
}

.site-info .social-links {
    text-align: right;
}

/*--------------------------------------------------------------
#   Go to top Button
--------------------------------------------------------------*/
.float-scroll-top {
    position: fixed;
    display: block;
    bottom: -100px;
    right: 20px;
    padding: 10px;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    background: #919191;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.scroll-top {
    position: relative;
    display: block;
    max-width: 110px;
    margin: 15px auto 0;
    text-align: center;
    font-weight: 700;
}

.scroll-top:before,
.float-scroll-top:before {
    content: "\f077";
    font-family: FontAwesome;
}

.scroll-top:before {
    display: block;
}

.float-scroll-top:hover {
    color: #ffffff;
    background: #0b6baa;
}

/*--------------------------------------------------------------
#   Author Info Box
--------------------------------------------------------------*/
.author-info {
    margin-top: 30px;
    padding: 10px;
    line-height: normal;
    background: #eeeeee;
    border: 1px solid #e0e0e0;
    overflow: hidden;
}

.page-author-info .author-info {
    margin: 0 0 30px;
}

.author-img {
    float: left;
}

.author-img img {
    display: inline-block;
    width: 90px;
    vertical-align: top;
    border-radius: 50%;
}

.author-name {
    margin: 0 0 5px 110px;
    font-size: 18px;
    font-weight: 600;
}

.author-desc {
    margin-left: 110px;
    font-size: 14px;
}

.author-social {
    margin: 10px 0 0 110px;
    list-style: none;
}

.author-social:empty {
    display: none;
}

.author-social .social-icon  {
    display: block;
    float: left;
    margin: 5px 5px 0 0;
}

/*--------------------------------------------------------------
#    Comments
--------------------------------------------------------------*/
.comments-area {
    margin-top: 40px;
}

.comments-title {
    margin-bottom: 30px;
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}

.comments-tabs {
    margin: 0 0 30px;
    list-style: none;
    line-height: 1;
}

.comments-tabs li {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    background: #eeeeee;
}

.comments-tabs a {
    display: block;
    padding: 5px;
    font-weight: 700;
    text-decoration: none;
}

.comments-tabs li a:hover,
.comments-tabs li.active-tab a {
    color: #ffffff;
    background: #0b6baa;
}

#comments-list {
    display: block;   
}

.tab-content {
    display: none;
}

ul.comments,
ul.comments ul.children {
    margin: 0;
    list-style: none;
}

ul.comments li ul.children {
    padding-left: 30px;
}

ul.comments li {
    margin: 0;
}

ul.comments li .single-comment {
    margin-top: 20px;
}

ul.comments li .gravatar {
    display: inline-block;
    float: left;
    margin-right: 20px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 1px 0 #e0e0e0;
    box-shadow: 0 0 1px 0 #e0e0e0;
    overflow: hidden;
}

ul.comments li .comment-meta {
    line-height: 1.2em;
}

ul.comments li .comment-author {
    position: relative;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 700;
}

ul.comments li.bypostauthor .comment-author:after,
ul.comments li.comment-author-admin .comment-author:after {
    content: "\f040";
    font-family: FontAwesome;
    margin-left: 5px;
    color: #0b6baa;
}

ul.comments li.comment-author-admin .comment-author:after {
    content: "\f005"; /* star for admin */
}

ul.comments li .comment-time {
    display: block;
    font-size: 12px;
    font-weight: 700;
}

ul.comments li .comment-content {
    position: relative;
    margin-top: 15px;
    padding: 10px;
    font-size: 14px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
}

ul.comments li .comment-content:after {
    display: block;
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    left: 22px;
    top: -8px;
    width: 14px;
    height: 14px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: none;
    border-bottom: none;
}

.comment-reply-link,
.comment-edit-link {
    position: relative;
    display: inline-block;
    margin-top: 10px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1;
    border: 1px solid #e0e0e0;
}

.comment-reply-link:hover,
.comment-edit-link:hover {
    border-color: #0b6baa;
}

.comment-reply-link:before {
    content: "\f112";
    font-family: FontAwesome;
    margin-right: 5px;
}

.comment-content .unapproved {
    color: #b02b2c;
    font-style: italic;
    font-weight: 700;
}

p.nocomments,
p.protected {
    margin-top: 30px;
    color: #b02b2c;
    text-align: center;
}

/* Pings List */
.ping-list {
    margin: 0;
    list-style: none;
}

.ping-list li {
    margin-bottom: 20px;
    font-size: 14px;
}

.ping-list li:last-child {
    margin-bottom: 0;
}

.ping-author a {
    font-weight: 700;
}

.ping-date {
    display: block;
    font-size: 12px;
}

.ping-content {
    margin-top: 10px;
}

/* Comments Form */
.comment-respond {
    margin-top: 30px;
    padding: 10px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
}

.comment-reply-title {
    margin-bottom: 10px;
}

.comment-notes,
#cancel-comment-reply-link {
    font-size: 14px;
}

#respond .required {
    color: #b02b2c;
}

.logged-in-as {
    margin-bottom: 5px;
}

.logged-in-as,
.comment-form label,
.comment-form input,
.comment-form textarea {
    font-size: 14px;
}

.logged-in-as,
.comment-form label {
    font-weight: 700;
}

.comment-form textarea {
    display: block;
    min-height: 100px;
}

.comment-form input {
    width: 100%;
}

.comment-form .submit {
    width: auto;
    padding: 5px 10px;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.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;
}

/*--------------------------------------------------------------
#    Galleries
--------------------------------------------------------------*/
.gallery {
    width: 100%;
    margin: 15px 0;
	overflow: hidden;
}

.gallery img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gallery-item {
    position: relative;
    width: 100%;
	display: inline-block;
	text-align: center;
	vertical-align: top;
    border: 1px solid transparent;
    overflow: hidden;
}

.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 {
    position: absolute;
    width: 100%;
    padding: 5px;
    margin: 0;
    bottom: -100%;
    left: 0;
    font-size: 12px;
    color: #666666;
    background: rgba(255,255,255,0.8);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.gallery-item:hover .gallery-caption  {
    bottom: 0;
}

/*--------------------------------------------------------------
#    Fancybox
--------------------------------------------------------------*/
.fancybox-button:focus,
.fancybox-button:hover {
    background: none;
}

.fancybox-container .fancybox-bg {
    background: #ffffff;
}

.fancybox-is-open .fancybox-bg {
    opacity: .5;
}

/*--------------------------------------------------------------
#    Grid
--------------------------------------------------------------*/
.row-grid + .row-grid {
    margin-top: 20px;
}

.row.row-grid [class*="col-md-"] + [class*="col-md-"] {
    margin-top: 20px;
}

.ef-col-1,
.ef-col-2,
.ef-col-3,
.ef-col-4,
.ef-col-5,
.ef-col-6 {
    position: relative;
    margin-bottom: 15px;
    padding: 0 15px;
}

.ef-col-1 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.ef-col-2 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.ef-col-3 {
    -ms-flex: 0 0 33.33333333%;
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
}

.ef-col-4 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.ef-col-5 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.ef-col-6 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
}

@media only screen and (min-width: 768px) {
    .row.row-grid [class*="col-md-"] + [class*="col-md-"] { margin-top: 0; }
}

@media only screen and (max-width: 1199px) {
    
    .ef-col-5, .ef-col-6 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    
}

@media only screen and (max-width: 991px) {
    
    .ef-col-4, .ef-col-5, .ef-col-6 {
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }
    
}

@media only screen and (max-width: 767px) {
    
    .ef-col-3, .ef-col-4, .ef-col-5, .ef-col-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    
}

@media only screen and (max-width: 575px) {
    
    .ef-col-2, .ef-col-3, .ef-col-4, .ef-col-5, .ef-col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    
}

/*--------------------------------------------------------------
#   Media Screen
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) {
    
    .hide-top-bar {
        height: 0;
        line-height: 0;
    }
    
    .right-sidebar .site-main {
        padding-right: 20px;
    }
    
    .left-sidebar .site-main {
        padding-left: 20px;
    }
    
    .two-sidebar #right-sidebar {
        padding-left: 30px;
    }
    
    .two-sidebar #left-sidebar {
        padding-right: 30px;
    }
    
}

@media only screen and (min-width: 992px) {
    
    .sticky-header.small-header .header-bottom .row {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .sticky-header.small-header .custom-logo {
        max-height: 60px;
    }
    
    .sticky-header.small-header .site-title {
        font-size: 30px;
    }
    
    .menu-toggle,
    .mobile-nav {
        display: none !important;
    }
    
}

@media only screen and (max-width: 991px) {
    
    .header-bottom .row {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .site-title {
        font-size: 30px;
    }
    
    .custom-logo {
        max-height: 60px;
    }
    
    .header-search,
    .right_logo .header-search,
    .main-navigation ul {
        display: none;
    }
    
}

@media only screen and (max-width : 767px) {
    
    h1 { font-size: 22px; }
    
    h2,
    .entry-title {
        font-size: 20px;
    }
    
    h3 { font-size: 18px; }
    h4 { font-size: 18px; }
    h5 { font-size: 16px; }
    
    .site-title {
        font-size: 26px;
    }
    
    .custom-logo {
        max-height: 50px;
    }
    
    .header-top-bar,
    .site-description {
        display: none !important;
    }
    
    .side-navigation {
        margin-top: 40px;
    }
    
    .side-nav-prev,
    .side-nav-next {
        position: relative;
        margin-top: 0;
        padding: 0 20px;
        width: 100%;
        text-align: center;
        background: transparent;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }
    
    .side-nav-prev:hover,
    .side-nav-next:hover {
        width: auto;
    }
    
    .side-navigation span {
        overflow: unset;
        white-space: normal;
        text-overflow: unset;
    }
    
    .side-navigation a:before {
        position: absolute;
        display: block;
        margin: -10px 0 0 0;
        top: 50%;
        left: 0;
        width: auto;
        height: auto;
        line-height: 1;
    }
    
    .side-navigation .side-nav-next a:before {
        left: unset;
        right: 0;
        margin: -10px 0 0 0;
    }
    
    .post-nav {
        width: 100%;
        text-align: center;
    }
    
    .nav-prev + .nav-next,
    .side-nav-prev + .side-nav-next {
        margin-top: 5px;
        padding-top: 5px;
        border-top: 1px solid #e0e0e0;
    }
    
    .pagination a,
    .pagination .current {
        margin-top: 3px;
    }
    
    .sidebar { padding-top: 0; }
    
    .small-featured-img,
    .small-featured-img + .blog-post-body {
        float: unset;
        width: 100%;
    }
    
    .small-featured-img + .blog-post-body {
        padding: 0;
    }
    
    .site-info,
    .site-info .social-links {
        text-align: center;
    }
    
    .site-info .social-icon {
        margin-bottom: 3px;
    }
    
}

@media print {
    
    .sticky-header #mashtead,
    .main-navigation,
    .widget-area,
    .scroll-top,
    .comment-respond {
        display: none;
    }
    
}