/*
Theme Name: Fabulous Fluid Pro
Theme URI: https://catchthemes.com/themes/fabulous-fluid-pro/
Author: Catch Themes
Author URI: https://catchthemes.com/
Description: Fabulous Fluid Pro is an advanced version of Fabulous Fluid free WordPress theme. Fabulous Fluid Pro theme is beautifully crafted Premium WordPress theme for Blogger, Photographers, Personal Website with flexible and customizable theme customizer options. Its responsive design perfectly displays on all devices and platforms where each element has been carefully configured. It is based on HTML5, CSS3 and WordPress Theme Customizer for real time customization. It comes with an array of useful options so you can modify layout, styling, colors, fonts, featured content, featured slider, featured grid, promotion headline, pagination, icons, menus, breadcrumb, widgets and much more directly from theme customizer. This theme is translation ready and also currently translated in German and Danish languages. Check out Theme Instructions at <a href="https://catchthemes.com/theme-instructions/fabulous-fluid-pro/">https://catchthemes.com/theme-instructions/fabulous-fluid-pro/</a>, Support at <a href="https://catchthemes.com/support-forum/forum/fabulous-fluid-pro-premium/">https://catchthemes.com/support-forum/forum/fabulous-fluid-pro-premium/</a> and Demo at <a href="https://catchthemes.com/demo/fabulous-fluid/">https://catchthemes.com/demo/fabulous-fluid/</a>
Version: 3.0
Requires at least: 5.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: fabulous-fluid-pro
Tags: blog, e-commerce, one-column, two-columns, right-sidebar, flexible-header, grid-layout,  custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, photography, translation-ready

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

Fabulous Fluid Pro is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v3 or later.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Global Padding/Margin
# Forms
# FontAwesome
# Navigation
    ## Links
    ## Menus
    ## Pagination
    ## Scrollup
    ## Breadcrumb
# Accessibility
# Alignments
# Clearings
# Layouts
# Header Area
# Content
    ## Posts and pages
    ## Asides
    ## Comments
# Widgets
# Inner Banner
# Featured Slider
# Featured Content
# Featured Grid Content
# Promotion Headlines
# Social Icons
# Search
# Media
    ## Captions
    ## Galleries
# Footer
# Media Queries
    ## <= 1338px
    ## <= 1199px
    ## <= 990px
    ## <= 767px
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-family: 'Open Sans', 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 {
    text-decoration:none;
    color:#bbbcc1;
    outline:none;
}

a:active,
a:hover {
    text-decoration:underline;
    color: #bbbcc1;
}

a:focus {
    outline: none;
}

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

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background-color: #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 {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    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"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

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: #666;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.65;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    color: #333;
    line-height: 1.25;
}

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

pre {
    position: relative;
    background-color: #f7f7f7;
    font-family: "Courier 10 Pitch", Courier, monospace;
    color: #333;
    line-height: 1.6;
    overflow: auto;
    max-width: 100%;
}

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

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

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

big {
    font-size: 125%;
}

.banner-inner .entry-header .entry-title {
    font-size: 36px;
}

#primary .entry-content h1,
.entry-title {
    font-size: 34px;
}

#featured-content .featured-heading-wrap .entry-title,
#primary .entry-content h2 {
    font-size: 30px;
}

.site-branding .site-title {
    font-size: 28px;
    line-height: 1.23;
}

#primary .entry-content h3,
.blog .entry-title,
.archive .entry-title {
    font-size: 26px;
}

#primary .entry-content h4 {
    font-size: 22px;
}

#primary .entry-content h5 {
    font-size: 18px;
}

body,
button,
input,
select,
textarea {
    font-family: 16px;
}

code,
kbd,
tt,
var,
pre {
    font-size: 15px;
}

#primary .entry-content h6 {
    font-size: 14px;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    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/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: none;
}

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 1.25em;
    padding: 0;
}


ul {
    list-style: disc;
}

ol {
    list-style: decimal;
    margin-left: 1.5em;
}

ul li,
ol li {
    margin-bottom: 5px 0;
}

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

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%;
}

.site-branding .site-logo a,
.featured-image a,
#header-featured-image img,
#feature-slider .wp-post-image,
#per-slide-template .thumbnail img {
    display: block;
    line-height: 0;
}

/*--------------------------------------------------------------
# Global Padding/Margin
--------------------------------------------------------------*/

blockquote,
.site-footer .widget .widget-title {
    margin: 0 0 30px;
}

p,
pre,
address,
blockquote {
    margin: 0 0 1.5em;
}

blockquote p {
    margin: 0 0 1em;
}

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

.widget_fabulous_fluid_page_widget .entry-summery,
.widget_fabulous_fluid_post_widget .entry-summery {
    margin-top: 20px;
}

.widget_fabulous_fluid_page_widget .featured-image,
.widget_fabulous_fluid_post_widget .featured-image {
    margin-bottom: 20px;
}

#primary .entry-content h1,
#primary .entry-content h2,
#primary .entry-content h3,
#primary .entry-content h4,
#primary .entry-content h5,
#primary .entry-content h6 {
    margin: 1.5em 0 0.5em;
}

.widget_fabulous_fluid_page_widget .readmore,
.widget_fabulous_fluid_post_widget .readmore {
    clear: both;
    display: block;
    margin-top: 10px;
}

.widget_fabulous_fluid_page_widget p,
.widget_fabulous_fluid_post_widget p {
    margin-bottom: 0;
}

blockquote {
    padding: 0 0 0 40px;
}

.container-fluid,
.wrapper {
    padding: 0 20px;
}

#content .wrapper {
    padding-top: 40px;
    padding-bottom: 40px
}

#featured-content .wrapper {
    padding-top: 55px;
    padding-bottom: 40px;
}

.main-pagination,
#infinite-handle,
.post-navigation,
#main .hentry,
#main .page-header,
#secondary,
#secondary .widget,
#promotion-message .left,
#promotion-message .right,
#comments {
    padding: 20px;
}

pre {
    padding: 1.6em;
}

.main-pagination .nav-previous a,
.main-pagination .nav-next a,
.site-main #infinite-handle span button {
    padding: 10px 20px;
}

.page-header .page-title {
    padding-bottom: 20px;
}

#featured-content .hentry {
    padding: 15px;
}

#featured-content .entry-container {
    padding-top: 20px;
}

.blog #main .has-post-thumbnail.excerpt-image-top .entry-container,
.archive #main .has-post-thumbnail.excerpt-image-top .entry-container {
    padding: 20px 0 0;
}

#secondary .widget-title,
.widget_fabulous_fluid_page_widget .entry-title,
.widget_fabulous_fluid_post_widget .entry-title {
    margin: -20px -20px 20px;
    padding: 15px 20px;
}

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

input {
    line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background-color: #00a3e6;
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: none;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.046875em;
    line-height: 1;
    padding: 1em 1.5em;
    text-transform: uppercase;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
    background-color: #0099d8;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="week"],
input[type="month"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
    background: #f7f7f7;
    border: 1px solid #ccc;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #666;
    max-width: 100%;
    padding: 0.625em 0.4375em;
}

textarea {
    width: 100%;
}

input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="month"]:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus {
    background-color: #fff;
    border-color: #00a3e6;
    color: #111;
    outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

/* Jetpack Form */
.entry-content .contact-form div {
    margin-bottom: 1em;
}

.entry-content .contact-form div.clear-form {
    margin-bottom: 0
}

/*--------------------------------------------------------------
# FontAwesome
--------------------------------------------------------------*/
.search-submit,
.social-networks li a,
#responsive-menu-button,
.meta-info span:before,
.readmore:after,
#scrollup {
    font-family: FontAwesome;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.search-submit:before {
    content: "\f002";
}

.meta-info span:before {
    margin-right: 6px;
}

.meta-info .category:before {
    content: "\f02b";
}

.widget_recent_comments .meta-info .category::before {
    content: none;
}

.meta-info .posted-on:before {
    content: "\f133";
}

#responsive-menu-button:before {
    content: "\f0c9";
}

.sidr-main-open #responsive-menu-button:before {
    content: "\f00d";
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #00a3e6;
}

a:visited {
    color: #00a3e6;
}

a:hover,
a:focus,
a:active {
    color: #00a3e6;
    outline: none;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation ul {
    display: block;
    list-style: none;
    margin: 0;
    padding-left: 0;
}

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

.main-navigation a {
    display: block;
    text-decoration: none;
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

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

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

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

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li:focus > ul,
.main-navigation ul ul li.focus > ul {
    right: 100%;
}

#site-navigation {
    float: right;
    margin-right: 121px;
}

#site-navigation ul {
    font-size: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
}

#site-navigation ul:after {
    content: '';
    display: block;
    clear: both;
}

#site-navigation ul li {
    float: left;
    list-style: none;
    margin-left: 20px;
}

#site-navigation ul li:first-child {
    margin-left: 0;
}

#site-navigation ul li a {
    border-bottom: 4px solid transparent;
    display: block;
    color: #9d9d9d;
    padding: 29px 15px;
}

#site-navigation ul li a:hover,
#site-navigation ul li a:focus,
#site-navigation ul .current-menu-item a,
#site-navigation ul .current_page_item a,
#site-navigation ul li:hover > a,
#site-navigation ul li:focus > a {
    text-decoration: none;
    color: #fff;
    border-bottom: 4px solid #00a2e5;
}

#site-navigation ul ul {
    background-color: #181818;
    opacity: 0;
    font-size: 14px;
    right: 0;
    top: 100%;
    width: 250px;
}

#site-navigation ul li:hover ul,
#site-navigation ul li:focus ul,
#site-navigation ul li.focus ul {
     opacity: 1;
}

#site-navigation ul li:hover ul ul,
#site-navigation ul li:focus ul ul,
#site-navigation ul li.focus ul ul {
     opacity: 0;
}

#site-navigation ul ul li:hover > ul,
#site-navigation ul ul li:focus > ul,
#site-navigation ul ul li.focus > ul {
     opacity: 1;
}

#site-navigation ul ul li {
    float: none;
    margin: 0;
    display: block;
}

#site-navigation ul ul li a {
    display: block;
    width: 100%;
    padding: 15px;
}

#site-navigation ul .current-menu-item li a,
#site-navigation ul .current_page_item li a {
    color: #9d9d9d;
    border-color: transparent;
}

#site-navigation ul .current-menu-item li a:hover,
#site-navigation ul .current-menu-item li a:focus,
#site-navigation ul .current_page_item li a:hover,
#site-navigation ul .current_page_item li a:focus {
    color: #fff;
}

#site-navigation ul ul li a:hover,
#site-navigation ul ul li a:focus,
#site-navigation ul ul li:hover > a,
#site-navigation ul ul li:focus > a {
    border-color: transparent;
}

#site-navigation ul ul ul {
    right: 100%;
    top: 0;
}

/* Mobile menu. */
.menu-toggle {
    display: none;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
/* 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;
}

.main-pagination,
.main-pagination .wp-pagenavi .pages {
    color: #666;
}

.main-pagination a,
.main-pagination .wp-pagenavi a {
    color: #00a3e6;
}

.main-pagination .nav-links {
    display: block;
    overflow: hidden;
    text-align: center;
}

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

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

.main-pagination .nav-links a,
.main-pagination .nav-links span,
.main-pagination .wp-pagenavi a,
.main-pagination .wp-pagenavi span {
    display: inline-block;
    padding: 6px 15px;
}

.main-pagination .prev,
.main-pagination .next,
.main-pagination .nav-previous a,
.main-pagination .nav-next a,
.site-main #infinite-handle span button,
.main-pagination .wp-pagenavi a.first,
.main-pagination .wp-pagenavi a.last {
    background-color: #fff;
    border: 1px solid #00a3e6;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #00a3e6;
    display: inline-block;
}

.main-pagination .nav-previous a,
.main-pagination .prev {
    float: left;
}

.main-pagination .nav-next a,
.main-pagination .next {
    float: right;
}

.site-main #infinite-handle span {
    background-color: transparent;
    display: block;
    padding: 0;
    text-align: center;
    width: 100%;
}

.site-main #infinite-handle span button {
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
    text-shadow: none;
    width: 100%;
}

.main-pagination .nav-links a:hover,
.main-pagination .nav-links a:focus,
.site-main #infinite-handle span button:hover,
.site-main #infinite-handle span button:focus,
.main-pagination .nav-links .current,
.main-pagination .wp-pagenavi a:hover,
.main-pagination .wp-pagenavi a:focus,
.main-pagination .wp-pagenavi span.current {
    background-color: #00a3e6;
    border-color: #00a3e6;
    color: #fff;
    text-decoration: none;
}

.pagination-pagenavi {
    display: block;
}

.wp-pagenavi {
    clear: both;
    display: inline-block;
    float: right;
}

.main-pagination .wp-pagenavi a,
.main-pagination .wp-pagenavi span {
    background-color: #fff;
    border: none;
    text-align: center;
    text-decoration: none;
}

.main-pagination .wp-pagenavi .pages {
    background-color: transparent;
}

.main-pagination .wp-pagenavi a:hover,
.main-pagination .wp-pagenavi a:focus,
.main-pagination .wp-pagenavi span.current {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-decoration: none;
}

/*--------------------------------------------------------------
## Scrollup
--------------------------------------------------------------*/
#scrollup:before {
    content: "\f106";
}

#scrollup {
    background-color: #666;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
    -moz-box-shadow:    0 2px 6px rgba(0, 0, 0, 0.5);
    box-shadow:         0 2px 6px rgba(0, 0, 0, 0.5);
    color: #eee;
    cursor: pointer;
    display: none;
    font-size: 28px;
    height: 40px;
    line-height: 1.35;
    position: fixed;
    bottom: 20px;
    right: 20px;
    text-align: center;
    text-decoration: none;
    width: 40px;
    z-index: 9999;
}

#scrollup:hover {
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/
#breadcrumb-list {
    background-color: #f8f8f8;
    color: #666;
}

#breadcrumb-list span {
    display: inline-block;
    padding: 5px 0 5px 20px;
}

#breadcrumb-list span.sep {
    padding-left: 5px;
}

#breadcrumb-list a {
    color: #00a3e6;
}

#breadcrumb-list a:hover,
#breadcrumb-list a:focus {
    color: #666;
    text-decoration: none;
}

/*--------------------------------------------------------------
# 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:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-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,
.wrapper:before,
.wrapper:after,
.hentry:before,
.hentry:after,
#secondary .widget:before,
#secondary .widget:after,
.row:before,
.row: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,
.wrapper:after,
.hentry:after,
#secondary .widget:after,
.row:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
#masthead .wrapper,
#featured-content .wrapper,
#site-details .wrapper,
#promotion-message .wrapper,
#content .wrapper,
#breadcrumb-list .wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    display: block;
    margin: 0 auto;
    width: 100%;
}

#masthead .wrapper,
#featured-content .wrapper,
#site-details .wrapper {
    max-width: 1680px;
}

#promotion-message .wrapper,
#content .wrapper,
#breadcrumb-list .wrapper {
    max-width: 1260px;
}

#header-featured-image .wrapper,
#masthead .wrapper,
#feature-slider .wrapper {
    clear: both;
    display: block;
    padding: 0;
    width: 100%;
}

#primary {
    float: left;
    max-width: 880px;
    width: 72.132%;
}

#secondary {
    float: right;
    max-width: 340px;
    width: 27.862%;
}

#main .hentry,
#main .page-header,
#comments {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.page-header .page-title {
    border-bottom: 1px solid #f1f1f1;
    margin: 0;
}

.left-sidebar #primary {
    float: right;
}

.left-sidebar #secondary {
    float: left;
}

.blog #main .hentry,
.archive #main .hentry {
    clear: both;
}

.blog #main .has-post-thumbnail .featured-image,
.archive #main .has-post-thumbnail .featured-image {
    float: left;
    width: 47.8%;
}

.blog #main .has-post-thumbnail .entry-container,
.archive #main .has-post-thumbnail .entry-container {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    padding-left: 30px;
    width: 52.2%;
}

.blog #main .full-content .entry-container,
.archive #main .full-content .entry-container {
    padding-left: 0;
    width: 100%;
}

/* No Sidebar */
.no-sidebar #primary {
    display: block;
    float: none;
    margin: 0 auto;
}

/* Full Width */
.full-width #primary {
    max-width: 100%;
    width: 100%;
}

.full-width.blog #main .has-post-thumbnail .featured-image,
.full-width.archive #main .has-post-thumbnail .featured-image {
    width: 33.4%;
}

.full-width.blog #main .has-post-thumbnail .entry-container,
.full-width.archive #main .has-post-thumbnail .entry-container {
    width: 66.6%;
}

/* Image Right */
.blog #main .has-post-thumbnail.excerpt-image-right .featured-image,
.archive #main .has-post-thumbnail.excerpt-image-right .featured-image {
    float: right;
}

.blog #main .has-post-thumbnail.excerpt-image-right .entry-container,
.archive #main .has-post-thumbnail.excerpt-image-right .entry-container {
    float: left;
    padding-left: 0;
    padding-right: 30px;
}

/* Image Top */
.blog #main .has-post-thumbnail.excerpt-image-top .featured-image,
.archive #main .has-post-thumbnail.excerpt-image-top .featured-image {
    display: block;
    float: none;
    width: 100%;
}
.blog #main .has-post-thumbnail.excerpt-image-top .entry-container,
.archive #main .has-post-thumbnail.excerpt-image-top .entry-container {
    display: block;
    float: none;
    width: 100%;
}

/*--------------------------------------------------------------
# Header Area
--------------------------------------------------------------*/
#site-details {
    clear: both;
    display: block;
}

.site-header {
    background-color: #181818;
    clear: both;
    display: block;
    position: relative;
}

.site-branding {
    background-color: #00a3e6;
    display: inline-block;
    float: left;
    padding: 15px 20px 16px 10px;
}

.site-branding .site-logo {
    display: inline-block;
    float: left;
    max-width: 100%;
    padding-left: 10px;
}

.site-branding .header-site-details {
    display: inline-block;
    float: left;
    padding-left: 10px;
}

.site-branding .site-title {
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

.site-branding .site-title a {
    color: #fff;
}

.site-branding .site-description {
    color: #eee;
    font-size: 14px;
    margin: 0;
}

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

#mobile-header {
    display: none;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.container-fluid:after {
    content: '';
    display: block;
    clear: both;
}

#content:after {
    content: '';
    display: block;
    clear: both;
}

/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
/*#primary .post ul,
#primary .page ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#primary .post ul li,
#primary .page ul li {
    background: url(images/bullet.png) no-repeat 0 10px;
    padding-left: 20px;
    margin: 0 0 12px;
}

#primary .post ol > li,
#primary .page ol > li {
    background: none;
    padding-left: 0;
    margin: 0 0 12px;
}

#primary .post ul ol,
#primary .post ol ul,
#primary .post ul ul,
#primary .post ol ol,
#primary .page ul ol,
#primary .page ol ul,
#primary .page ul ul,
#primary .page ol ol {
    margin-top: 12px;
    margin-left: 0;
}

#primary .post ol li,
#primary .page ol li {
    margin-bottom: 15px;
}
*/

#primary .post dl dt,
#primary .page dl dt {
    font-size: 18px;
    color: #333;
    text-transform: uppercase;
    display: block;
    float: none;
    margin: 0 0 5px;
}

#primary .post dl dd,
#primary .page dl dd {
    margin-bottom: 1.5em;
}

#primary .post blockquote,
#primary .page blockquote {
    border-left: 0;
    position: relative;
    font-style: italic;
}

#primary .post blockquote:before,
#primary .page blockquote:before {
    position: absolute;
    left: 0;
    top: 0;
    background: url(images/bg-quote.png) no-repeat;
    width: 27px;
    height: 21px;
    content: '';
}

#primary .post cite,
#primary .page cite {
    font-size: 14px;
    line-height: 38px;
    color: #999;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-style: normal;
}

#primary .entry-content .pull-right {
    float: right;
    width: 262px;
    text-align: right;
    margin: 0 0 30px 30px;
}

#primary .entry-content .pull-left {
    float: left;
    width: 262px;
    text-align: left;
    margin: 0 30px 30px 0;
}

#primary .entry-content .dropcap {
    font-size: 106px;
    line-height: 80px;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    height: 60px;
}

#primary .entry-content .highlight {
    background-color: #cdeaf6;
}

#primary .entry-content table tr {
    border: 1px solid #e2e2e2;
}

#primary .entry-content table th {
    background-color: #f1f1f1;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    color: #333;
    padding: 20px 27px;
}

#primary .entry-content table td {
    padding: 20px 27px;
}

#primary .entry-content table tbody tr:nth-child(2n) {
    background-color: #f8f8f8;
}

/*
#primary .entry-content form p {
    margin: 0 0 35px;
}

#primary .entry-content form p {
    overflow: hidden;
    float: left;
    width: 100%;
}

#primary .entry-content form label,
#primary .entry-content form .label {
    display: block;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    color: #333;
    margin: 0 0 10px;
}

#primary .entry-content form input[type="text"] {
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 7px 10px;
    width: 50%;
}

#primary .entry-content form textarea {
    width: 100%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 7px 10px;
    height: 190px;
    resize: none;
}

#primary .entry-content form .radio-group,
#primary .entry-content form .checkbox-group {
    float: left;
    margin-right: 30px;
}

#primary .entry-content form input[type="radio"] {
    float: left;
}

#primary .entry-content form .radio-group label,
#primary .entry-content form .checkbox-group label {
    float: left;
    font-size: 16px;
    font-weight: 400;
    color: #666;
    text-transform: none;
}

#primary .entry-content form input[type="submit"] {
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    letter-spacing: 2px;
    font-weight: 700;
    background-color: #00a3e6;
    border: 0;
    padding: 10px 50px;
    box-shadow: none;
}

#primary .entry-content form input[type="submit"]:hover {
    background-color: #0099d8;
}
*/

.entry-title,
.entry-title a {
    color: #333
}

.entry-title a:hover,
.entry-title a:focus {
    color: #00a3e6;
    text-decoration: none;
}

.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

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

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

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

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

/* Read More */
.readmore,
.readmore a {
    color: #00a3e6;
    font-weight: bold;
}

.readmore a:hover {
    text-decoration: none;
}

.readmore:after {
    content: "\f0da";
    margin-left: 8px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.readmore:hover:after {
     margin-left: 16px;
}

/* Meta Info */
.meta-info,
.entry-meta,
.entry-footer {
    font-size: 13px;
    font-weight: normal;
    margin: 0;
}

.meta-info {
    text-transform: uppercase;
}

.meta-info,
.meta-info a,
.entry-meta,
.entry-meta a,
.entry-footer,
.entry-footer a {
    color: #999;
}

.meta-info a:hover,
.meta-info a:focus,
.entry-meta a:hover,
.entry-meta a:focus,
.entry-footer a:hover,
.entry-footer a:focus {
    color: #00a3e6;
    text-decoration: none;
}

.entry-footer .cat-links,
.entry-footer .tags-links,
.meta-info .category {
    margin: 0 12px 0 0;
}

.entry-footer .edit-link {
    margin: 0 0 0 12px;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.comments-area {
    background-color: #fff;
    padding: 40px 0 40px;
    margin: 0 0 32px;
}

.comments-title {
    font-size: 32px;
    font-weight: 700;
    color: #020202;
    margin: 0 0 33px;
    text-transform: uppercase;
}

.comment-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.comment-author .avatar {
    width: 68px;
    height: 68px;
    float: left;
    vertical-align: top;
    margin-right: 24px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.says {
    display: none;
}

.comment-author .fn {
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    color: #262626;
    position: relative;
    top: 0;
    font-style: normal;
}

.comment-metadata {
    position: relative;
    top: -5px;
}

.comment-metadata a {
    font-size: 13px;
    color: #999;
    font-style: normal;
    padding: 0 0 0 17px;
    background: url(images/icon-calander2.png) 0 4px no-repeat;
}

.comment-awaiting-moderation {
    position: relative;
    top: 85px;
    font-weight: 700;
}

.comment-content {
    position: relative;
    left: 92px;
    top: -5px;
    font-style: normal;
    width: 85%;
}

.comment-content p {
    margin-top: 0;
}

.reply a {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    left: 92px;
    top: -10px;
    background: url("images/arrow-right-blue.png") no-repeat scroll 95% 6px;
    color: #00a3e6;
    padding: 0 20px 0 0;
    text-transform: uppercase;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.reply a:hover {
    text-decoration: none;
    background-position: 100% 6px;
}

.comment-meta:after {
    content: '';
    display: block;
    clear: both;
}

.comment-list .comment {
    margin-bottom: 20px;
    padding-bottom: 30px;
}

.comment-list .comment:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.comment-list .children {
    padding: 20px 0 0 92px;
    list-style: none;
}

.comment-list .children li {
    background-color: #f6f6f6;
    padding: 35px 0 20px 20px !important;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
}

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

/* Sidebar: Seconday Widget Area; */
#secondary .widget {
    background-color: #f8f8f8;
    color: #666;
    margin-bottom: 30px;
}

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

#secondary .widget-title,
.widget_fabulous_fluid_page_widget .entry-title,
.widget_fabulous_fluid_post_widget .entry-title {
    background-color: #f1f1f1;
    font-size: 18px;
    font-weight: 700;
}

.widget_fabulous_fluid_page_widget .entry-title,
.widget_fabulous_fluid_post_widget .entry-title,
.widget_fabulous_fluid_page_widget .entry-title a,
.widget_fabulous_fluid_post_widget .entry-title a,
#secondary .widget-title,
#secondary .widget-title a {
    color: #333;
}

#secondary .search-form {
    background-color: #fff;
    margin-bottom: 0;
}

#secondary .search-form .screen-reader-text {
    display: none;
}

#secondary .widget-text .text {
    background-color: #f8f8f8;
    padding: 18px 10px 18px 25px;
}

#secondary .widget ul li:last-child {
    margin-bottom: 0;
}

#secondary .widget ul {
    font-style: italic;
    margin-bottom: 0;
}

#secondary .widget.widget_fabulous_fluid_social_icons ul {
    margin-left: -15px;
    margin-top: -15px;
    list-style: none;
}

.widget_nav_menu ul,
.widget_meta ul {
    color: #999;
}

#secondary .widget ul li a {
    color: #999;
}

#secondary .widget ul li a:hover{
    text-decoration: none;
    color: #00a3e6;
}

#secondary .widget.widget_recent_entries ul {
    font-style: normal;
}

#secondary .widget_recent_entries ul li{
    margin-bottom: 14px;
    padding-left: 0;
    background: none;
}

#secondary .widget_recent_entries ul li:last-child {
    margin-bottom: 0;
}

#secondary .widget_recent_entries .post-thumbnail {
    float: left;
    width: 68px;
    margin-right: 17px;
}

#secondary .widget_recent_entries .text {
    overflow: hidden;
}

#secondary .widget_recent_entries .text a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 700;
    display: block;
    color: #666;
    text-transform: uppercase;
}

#secondary .widget_recent_entries .text a:hover {
    text-decoration: none;
    color: #00a3e6;
}

/* Calendar Widget */
.widget_calendar caption {
    font-size: 18px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #f1f1f1;
    padding: 18px 10px 18px 25px;
    margin-bottom: 0;
}

#wp-calendar {
    width: 100%;
    font-size: 15px;
    color: #999;
    border-bottom: 0;
}

#wp-calendar th,
#wp-calendar td {
    border: 0;
}

#wp-calendar td {
    padding: 5px 7px;
}

#wp-calendar th {
    font-size: 15px;
    font-weight: 700;
    color: #4c4c4c;
    background-color: #f8f8f8;
    padding: 8px 11px;
    border-bottom: 1px solid #ebebeb;
}

#wp-calendar td {
    text-align: center;
}

#wp-calendar td a {
    background-color: #00a3e6;
    color: #fff;
    display: block;
}
#wp-calendar tbody {
    background-color: #f8f8f8;
}

/* Recent Post/Comment Widget */
.widget_recent_comments ul,
.widget_recent_entries ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget_recent_comments ul li,
.widget_recent_entries ul li {
    border-bottom: 1px solid #ebebeb;
    clear: both;
    display: block;
    list-style: none;
    margin: 0 0 1.5em;
    overflow: hidden;
    padding: 0 0 20px;
}

.widget_recent_comments ul li:last-child,
.widget_recent_entries ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.widget_recent_comments .img-holder,
.widget_recent_entries .img-holder {
    width: 68px;
    float: left;
    margin-right: 18px;
}

.widget_recent_comments .img-holder img {
    width: 68px;
    height: 68px;
    vertical-align: top;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.widget_recent_comments .text-holder {
    overflow: hidden;
    font-size: 15px;
    line-height: 22px;
}

.widget_recent_comments .text-holder a {
    color: #666;
    display: block;
    margin: 0 0 6px;
}

.widget_recent_comments .text-holder a.url {
    color: #999;
}

.widget_recent_comments .text-holder a:hover {
    color: #00a3e6;
    text-decoration: none;
}

.widget_recent_comments .text-holder .meta-info {
    font-size: 14px;
    color: #999;
    text-transform: none;
}

.widget_recent_comments .meta-info .category {
    margin: 0;
}

.widget_recent_comments .text-holder .meta-info em {
    color: #666;
}

.widget_recent_entries .text-holder {
    font-size: 15px;
    line-height: 24px;
    font-weight: 700;
    overflow: hidden;
    text-transform: uppercase;
}

.widget_recent_entries .text-holder a {
    color: #333;
}

.widget_recent_entries .text-holder a:hover {
    text-decoration: none;
    color: #00a3e6;
}

/* Tag Cloud Widget */
.widget.cttagcloud a {
    border: 1px solid #e7e7e7;
    color: #999;
    display: inline;
    float: left;
    margin-bottom: 6px;
    margin-right: 6px;
    padding: 3px 18px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.widget.cttagcloud a:hover {
    text-decoration: none;
    background-color: #00a3e6;
    border-color: #00a3e6;
    color: #fff;
}

.widget.cttagcloud .box a {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.widget.cttagcloud .rounded-corners a{
    border-radius: 40px;
    -moz-border-radius: 40px;
    -webkit-border-radius: 40px;
}

/*--------------------------------------------------------------
# Inner Banner
--------------------------------------------------------------*/
.banner-inner {
    position: relative;
}

.banner-inner img {
    width: 100%;
    vertical-align: top;
}

.banner-inner .entry-header{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 40px;
    color: #fff;
}

.banner-inner .entry-header .entry-title {
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 14px;
}

/*--------------------------------------------------------------
# Featured Slider
--------------------------------------------------------------*/
#feature-slider .cycle-slideshow {
    clear: both;
    display: block;
    position: relative;
    z-index: 98;
}

#feature-slider .slider-box {
    display: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

#feature-slider .slider-box.first {
    display: block;
}

#feature-slider .wp-post-image {
    width: 100%
}

#feature-slider .caption {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    line-height: normal;
    text-align: center;
    -webkit-transition: all .2s 0 linear;
    -moz-transition: all .2s 0 linear;
    -ms-transition: all .2s 0 linear;
    -o-transition: all .2s 0 linear;
    transition: all .2s 0 linear;
}

#feature-slider .caption>.vcenter {
    display: block;
    margin: 0 auto;
    max-width: 50vw;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-55%) scale(1.2);
    -ms-transform: translateY(-55%) scale(1.2);
    transform: translateY(-55%) scale(1.2);
    -webkit-transition: all .2s 0 linear;
    -moz-transition: all .2s 0 linear;
    -ms-transition: all .2s 0 linear;
    -o-transition: all .2s 0 linear;
    transition: all .2s 0 linear;
}

#feature-slider .entry-title {
    display: block;
    font-size: 38px;
    text-transform: uppercase;
    margin: 0 0 14px;
}

#feature-slider .entry-title,
#feature-slider .entry-title a {
    color: #fff;
}

#feature-slider .entry-content {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 25px;
}

#feature-slider .more {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    color: #fff;
    background: none;
    display: inline-block;
    border: 2px solid #fff;
    text-transform: uppercase;
    padding: 8px 30px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#feature-slider .more:hover{
    text-decoration: none;
    background-color: #00a3e6;
    border-color: #00a3e6;
    color: #fff;
}

#per-slide-template {
    clear: both;
    display: block;
    position: relative;
    overflow: visible;
    z-index: 99;
}

#per-slide-template .thumbnail {
    cursor: pointer;
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

#per-slide-template.slide-numbers-1 {
    display: none;
}

#per-slide-template.slide-numbers-2 .thumbnail {
    width: 50%;
}

#per-slide-template.slide-numbers-3 .thumbnail {
    width: 33.33%;
}

#per-slide-template.slide-numbers-4 .thumbnail {
    width: 25%;
}

#per-slide-template.slide-numbers-5 .thumbnail {
    width: 20%;
}

#per-slide-template.slide-numbers-6 .thumbnail {
    width: 16.66%;
}

#per-slide-template.slide-numbers-7 .thumbnail {
    width: 14.28%;
}

#per-slide-template.slide-numbers-8 .thumbnail {
    width: 12.5%;
}

#per-slide-template.slide-numbers-9 .thumbnail {
    width: 11.11%;
}

#per-slide-template.slide-numbers-10 .thumbnail {
    width: 10%;
}

#header-featured-image img {
    width: 100%;
}

#per-slide-template h2 {
    bottom: 2.8vw;
    color: #fff;
    font-size: 1.63vw;
    font-weight: 700;
    line-height: 1.63vw;
    margin: 0;
    padding-bottom: 5px;
    padding-left: 45px;
    padding-right: 45px;
    position: absolute;
    text-transform: uppercase;
    width: 100%;
    z-index: 1;
}

#per-slide-template.slide-numbers-6 h2,
#per-slide-template.slide-numbers-7 h2 {
    font-size: 1.2vw;
    padding-left: 20px;
    padding-right: 20px;
}

#per-slide-template.slide-numbers-8 h2,
per-slide-template.slide-numbers-9 h2,
#per-slide-template.slide-numbers-10 h2 {
    display: none;
}

#per-slide-template .cover {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}

#per-slide-template .thumbnail:hover .cover,
#per-slide-template .cycle-pager-active .cover {
    display: none;
}

#per-slide-template .cycle-pager-active:after {
    background-color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    width: 100%;
    height: 100%;
    content: '';
    position: absolute;

}

#per-slide-template .cycle-pager-active:before {
    width: 0;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 12px solid #fff;
    position: absolute;
    top: -12px;
    left: 45%;
    content: '';
    z-index: 1;
}

#per-slide-template .cycle-pager-active h2,
#per-slide-template .cycle-pager-active {
    color: #000;
}

/*--------------------------------------------------------------
# Featured Content
--------------------------------------------------------------*/
#featured-content {
    background-color: #f1f1f1;
    clear: both;
    display: block;
}

#featured-content .wrapper {
    width: 100%;
}

#featured-content .featured-heading-wrap {
    text-align: center;
    padding: 0 20px;
}

#featured-content .featured-content-image {
    display: block;
    line-height: 0;
    margin: 0;
}

#featured-content .hentry {
    border: none;
    float: left;
    margin: 0;
}

#featured-content .hentry:hover {
    background-color: #d8e9f0;
}

#featured-content.layout-six .hentry {
    width: 16.666%;
}

#featured-content.layout-five .hentry {
    width: 20%;
}

#featured-content.layout-four .hentry {
    width: 25%;
}

#featured-content.layout-three .hentry {
    width: 33.33%;
}

#featured-content.layout-two .hentry {
    width: 50%;
}

#featured-content.layout-one .hentry {
    width: 100%;
}

#featured-content.layout-six .hentry:nth-child(6n+1),
#featured-content.layout-five .hentry:nth-child(5n+1),
#featured-content.layout-four .hentry:nth-child(4n+1),
#featured-content.layout-three .hentry:nth-child(3n+1),
#featured-content.layout-two .hentry:nth-child(2n+1) {
    clear: both;
}

#featured-content .featured-content-wrap .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 40px 0 0;
    margin: 0 0 14px;
}

#featured-content .featured-content-wrap .entry-title,
#featured-content .featured-content-wrap .entry-title a {
    color: #333;
}

#featured-content .featured-content-wrap .entry-title a:hover{
    border-bottom: 2px solid #333;
    text-decoration: none;
}

#featured-content .entry-content,
#featured-content .entry-summary {
    margin-top: 15px;
}

#featured-content .featured-content-wrap p {
    margin-bottom: 14px;
}

/*--------------------------------------------------------------
# Featured Grid Content
--------------------------------------------------------------*/
#featured-grid-content .entry-content {
    margin-top: 0;
}

#featured-grid-content .entry-content p {
    margin: 0 0 14px;
}

#featured-grid-content .wrapper {
    display: block;
    padding: 0;
    width: 100%;
}

#featured-grid-content .col {
    float: left;
    overflow: hidden;
    position: relative;
    width: 50%;
}

#featured-grid-content .even .col-large {
    float: right;
}

#featured-grid-content .col-small .img-holder {
    float: left;
    width: 49.94%;
}

#featured-grid-content .col-small .text-holder {
    float: left;
    width: 50.06%;
    padding: 25px 25px 0;
    position: relative;
}

#featured-grid-content .col img {
    width: 100%;
}

#featured-grid-content .img-holder {
    line-height: 0;
}

#featured-grid-content .row .col:last-child .text-holder:after {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 20px solid transparent;
    position: absolute;
    content: '';
    top: 45%;
    left: -20px;
    border-left: 0;
}

#featured-grid-content .row .col:last-child .text-holder {
    float: right;
}

#featured-grid-content .col-small .text-holder:after{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-left: 20px solid #fff;
    border-bottom: 20px solid transparent;
    position: absolute;
    content: '';
    top: 45%;
    right: -20px;
}

#featured-grid-content .col-large .text-holder {
    position: absolute;
    bottom: 75px;
    left: 40px;
    color: #fff;
    max-width: 465px;
}

#featured-grid-content .col-large a {
    color: #fff;
}

#featured-grid-content .col-large .entry-title {
    font-size: 38px;
    text-transform: uppercase;
    margin: 0 0 14px;
}

#featured-grid-content .col-small .entry-title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
    text-transform: uppercase;
    margin: 0 0 5px;
}

#featured-grid-content .col-large .entry-title a {
    display: inline-block;
    padding-bottom: 2px;
}

#featured-grid-content .col-small .entry-title a {
    color: #333;
    padding: 0 0 2px;
    display: inline-block;
}

#featured-grid-content .entry-title a:hover {
    text-decoration: none;
    padding: 0;
}

#featured-grid-content .col-large .entry-title a:hover {
    border-bottom: 2px solid #fff;
}

#featured-grid-content .col-small .entry-title a:hover{
    border-bottom: 2px solid #333;
}

#featured-grid-content .readmore {
    font-weight: 800;
}

#featured-grid-content .readmore:hover {
    text-decoration: none;
}

#featured-grid-content .col-small .text-holder.right:after{
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-right: 20px solid #fff;
    border-bottom: 20px solid transparent;
    position: absolute;
    content: '';
    top: 45%;
    left: -20px;
}

#featured-grid-content .meta-info {
    font-size: 12px;
    margin: 0 0 10px;
}

#featured-grid-content .col-large .category {
    margin: 0 30px 0 0;
}

#featured-grid-content .col-large .meta-info,
#featured-grid-content .col-large .readmore,
#featured-grid-content .col-large .readmore a,
#featured-grid-content .col-large .readmore:hover,
#featured-grid-content .col-large .readmore a:hover {
    color: #fff;
}

#featured-grid-content .col-small .readmore,
#featured-content .readmore {
    clear: both;
    display: block;
    margin-top: 15px;
    text-transform: uppercase;
}

#loadMore {
    background-color: #00a3e6;
    font-size: 18px;
    line-height: 36px;
    display: block;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding: 10px;
    cursor: pointer;
}

#loadMore:hover {
    background-color: #0099d8;
}

/*--------------------------------------------------------------
# Promotion Headlines
--------------------------------------------------------------*/
#promotion-message {
    background-color: #f8f8f8;
}

#promotion-message .promotion-headline,
#promotion-message .promotion-headline a {
    color: #333;
}

#promotion-message p {
    color: #666;
}

#promotion-message a {
    color: #00a3e6;
}

#promotion-message a:hover {
    color: #fff;
}

#promotion-message .left {
    float: left;
    max-width: 70%;
}

#promotion-message .promotion-headline,
#promotion-message p {
    margin: 0 0 5px;
}

#promotion-message .right {
    float: right;
    max-width: 30%;
    text-align: center;
}

#promotion-message .promotion-button {
    background-color: #9bc23c;
    border: 2px solid #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.2) inset;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    padding: 10px 25px;
    text-transform: uppercase;
}

#promotion-message .promotion-button:hover {
    background-color: #87ae28;
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2) inset;
    text-decoration: none;
}


/*--------------------------------------------------------------
# Social Icons
--------------------------------------------------------------*/
.site-header .social-networks {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 20px;
    text-align: center;
    line-height: 67px;
    z-index: 199;
}

.site-header .social-networks li {
    list-style: none;
}

.site-header .social-networks li a {
    color: #fff;
    width: 67px;
    height: 67px;
    color: #fff;
    display: inline-block;
    line-height: 67px;
    vertical-align: top;
}

.site-header .social-networks li .fa-search {
    background-color: #00a3e6;
}

.social-networks li a[href*="facebook.com"]:before {
    content: "\f09a";
}

.site-header .social-networks li a[href*="facebook.com"] {
    background-color: #3a56a0;
}

.social-networks li a[href*="twitter.com"]:before {
    content: "\f099";
}

.site-header .social-networks li a[href*="twitter.com"] {
    background-color: #1aa9e3;
}

.social-networks li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.site-header .social-networks li a[href*="plus.google.com"] {
    background-color: #e04a31;
}

.social-networks li a[href$="/feed/"]:before {
    content: "\f09e";
}

.site-header .social-networks li a[href$="/feed/"]{
    background-color: #dc622c;
}

.social-networks li a[href*="wordpress.com"]:before,
.social-networks li a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.site-header .social-networks li a[href*="wordpress.com"],
.site-header .social-networks li a[href*="wordpress.org"] {
    background-color: #1b8be0;
}

.social-networks li a[href*="github.com"]:before {
    content: "\f1d3";
}

.site-header .social-networks li a[href*="github.com"] {
    background-color: #4183c4;
}

.social-networks li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.site-header .social-networks li a[href*="linkedin.com"] {
    background-color: #007bb6;
}

.social-networks li a[href*="pinterest.com"]:before {
    content: "\f231";
}

.site-header .social-networks li a[href*="pinterest.com"] {
    background-color: #cb2027;
}

.social-networks li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.site-header .social-networks li a[href*="flickr.com"] {
    background-color: #ff0084;
}

.social-networks li a[href*="vimeo.com"]:before {
    content: "\f16e";
}

.site-header .social-networks li a[href*="vimeo.com"] {
    background-color: #aad450;
}

.social-networks li a[href*="youtube.com"]:before {
    content: "\f16a";
}

.site-header .social-networks li a[href*="youtube.com"] {
    background-color: #bb0000;
}

.social-networks li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.site-header .social-networks li a[href*="tumblr.com"] {
    background-color: #32506d;
}

.social-networks li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.site-header .social-networks li a[href*="instagram.com"] {
    background-color: #517fa4;
}

.social-networks li a[href*="codepen.io"]:before {
    content: "\f1cb";
}
.site-header .social-networks li a[href*="codepen.io"] {
    background-color: #000;
}

.social-networks li a[href*="path.com"]:before {
    content: "\f20c";
}

.site-header .social-networks li a[href*="path.com"] {
    background-color: #ff442c;
}

.social-networks li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.site-header .social-networks li a[href*="dribbble.com"] {
    background-color: #ea4c89;
}

.social-networks li a[href*="skype.com"]:before {
    content: "\f17e";
}

.site-header .social-networks li a[href*="skype.com"] {
    background-color: #12a5f4;
}

.social-networks li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.site-header .social-networks li a[href*="digg.com"] {
    background-color: #12a5f4;
}

.social-networks li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.site-header .social-networks li a[href*="reddit.com"] {
    background-color: #ff4500;
}

.social-networks li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.site-header .social-networks li a[href*="stumbleupon.com"] {
    background-color: #eb4924;
}

.social-networks li a[href*="getpocket.com"]:before {
    content: "\f265";
}

.site-header .social-networks li a[href*="getpocket.com"] {
    background-color: #f13753;
}

.social-networks li a[href*="dropbox.com"]:before {
    content: "\f16b";
}

.site-header .social-networks li a[href*="dropbox.com"] {
    background-color: #2281cf;
}

.social-networks li a[href*="spotify.com"]:before {
    content: "\f1bc";
}

.site-header .social-networks li a[href*="spotify.com"] {
    background-color: #81b900;
}

.social-networks li a[href*="foursquare.com"]:before {
    content: "\f180";
}
.site-header .social-networks li a[href*="foursquare.com"] {
    background-color: #f94877;
}

.social-networks li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.site-header .social-networks li a[href*="twitch.tv"] {
    background-color: #6441a5;
}

.social-networks li a[href*="mailto:"]:before {
    content: "\f0e0";
}

.site-header .social-networks li a[href*="mailto:"] {
    background-color: #1d62f0;
}

.social-networks li a[href*="vk.com"]:before {
    content: "\f189";
}

.site-header .social-networks li a[href*="vk.com"] {
    background-color: #6383a8;
}

.social-networks li a[href*="xing.com"]:before {
    content: "\f168";
}

.site-header .social-networks li a[href*="xing.com"] {
    background-color: #1a7576;
}

.site-header .social-networks li a:hover {
    text-decoration: none;
    opacity: 0.8;
}

/* Sidebar Social Icons */
#secondary .widget_fabulous_fluid_social_icons ul li {
    float: left;
    margin: 15px 0 0 15px;
    padding-left: 0;
    background: none;
    font-style: normal;
}

#secondary .widget_fabulous_fluid_social_icons ul li a {
    font-size: 21px;
    line-height: 22px;
    color: #4c4c4c;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#secondary .widget_fabulous_fluid_social_icons ul li a:hover,
#secondary .widget_fabulous_fluid_social_icons ul li a:focus {
    text-decoration: none;
    color: #000;
}

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
.search-form {
    overflow: hidden;
    border: 1px solid #e0e0e0;
    padding: 7px 12px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    position: relative;
}

.popup .search-form {
    border: none;
}

.search-form label {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.search-form .search-field {
    background-color: transparent;
    border: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 32px 0 0;
    width: 100%;
}

.search-submit {
    background-color: transparent;
    border: medium none;
    box-shadow: none;
    color: #ccc;
    font-size: 20px;
    padding: 5px;
    position: absolute;
    right: 10px;
    top: 4px;
}

.search-submit:hover,
.search-submit:focus {
    background-color: transparent;
    color: #111;
}


#social-search-inline {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    z-index: 999;
}

#social-search-inline .wrapper {
    background-color: #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 3px 10px #222;
    left: 10%;
    margin-top: -20px;
    padding: 15px 25px;
    position: fixed;
    top: 50%;
    width: 80%;
}

#social-search-inline .search-form {
    border: 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;
    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;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-t {
    padding: 57px 0 0;
}

#supplementary,
#supplementary .widget-area {
    background-color: #fff;
}

#supplementary .wrapper {
    clear: both;
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 40px;
}

#supplementary .widget-area {
    float: left;
    width: 100%;
}

#supplementary.two .widget-area {
    width: 50%;
}

#supplementary.three .widget-area {
    width: 33.33%;
}

#supplementary.four .widget-area {
    width: 25%;
}

#supplementary .widget {
    margin: 0;
    padding: 15px;
}

.site-footer .col {
    float: left;
    width: 33.333%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.site-footer .widget .widget-title,
.site-footer .widget .widget-title a {
    font-size: 18px;
    line-height: 32px;
    color: #333;
    font-weight: 700;
    text-transform: uppercase;
}

.footer-b {
    background-color: #181818;
    color: #9d9d9d;
    padding: 28px 0;
}

.footer-b a {
    color: #9d9d9d;
}

.footer-b a:hover,
.footer-b a:focus {
    text-decoration: none;
    color: #fff;
}

.footer-b .footer-nav {
    float: left;
}

.footer-b .footer-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 14px;
    line-height: 28px;
    text-transform: uppercase;
    font-weight: 700;
}

.footer-b .footer-nav a {
    color: #9d9d9d;
}

.footer-b .footer-nav ul li {
    float: left;
    margin-left: 48px;
    list-style: none;
}

.footer-b .footer-nav ul li:first-child {
    margin-left: 0;
}

.footer-b .footer-nav ul li a:hover {
    text-decoration: none;
    color: #fff;
}

.footer-b .site-info {
    float: right;
}

.site-info .social-networks {
    float: left;
    margin: 0 26px 0 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    font-size: 20px;
}

.site-info .social-networks li {
    margin-left: 25px;
    list-style: none;
    float: left;
}

.site-info .social-networks li:first-child {
    margin-left: 0;
}

.site-info .copyright {
    text-transform: uppercase;
}

.site-info .copyright a:hover {
    text-decoration: none;
    color: #fff;
}

.site-info .sep {
    margin: 0 5px;
}

.footer-b .social-networks a {
    color: #9d9d9d;
}

.footer-b .social-networks a:hover,
.footer-b .social-networks a:focus {
    color: #fff;
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
/**
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

/*--------------------------------------------------------------
## <= 1199px
--------------------------------------------------------------*/
@media screen and (max-width: 1199px) {
    /* Navigation */
    #site-navigation {
        margin-right: 67px;
    }

    /* Featured Grid Content */
    #featured-grid-content .col-small .text-holder {
        font-size: 14px;
    }

    #featured-grid-content .col-small .entry-title {
        font-size: 20px;
    }

    .featured-posts .col-large, .featured-posts .col-small {
        max-height: 397px;
    }

    #featured-grid-content .col-large .entry-title {
        font-size: 30px;
    }

    /* Featured Content */
    #featured-content.layout-six .hentry {
        width: 33.333%;
    }
    #featured-content.layout-six .hentry:nth-child(3n+1) {
        clear: both;
    }

    #per-slide-template h2 {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/*--------------------------------------------------------------
## <= 990px (iPad Portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 990px) {
    /* Navigation */
    .site-header .social-networks,
    .main-navigation ul,
    #site-navigation {
        display: none;
    }

    .site-branding {
        margin-right: 65px;
    }

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

    #mobile-header {
        display: block;
        float: right;
    }

    #responsive-menu-button {
        color: #fff;
        display: block;
        float: right;
        font-size: 28px;
        line-height: 1;
        padding: 30px 20px;
        position: absolute;
        right: 0;
        top: 0;
    }

    #responsive-menu-button:hover,
    #responsive-menu-button:focus {
        color: #00a3e6;
        text-decoration: none;
    }

    #site-navigation {
        margin-right: 0;
    }

    #site-navigation ul {
        margin-right: 67px;
    }

    /* Featured Grid Content */
    #featured-grid-content .col {
        width: 100%;
    }

    #featured-grid-content .col-large .text-holder {
        bottom: 20px;
        left: 20px;
    }

    #featured-grid-content .col-small .text-holder,
    #featured-grid-content .col-small .img-holder {
        width: 50%;
    }

    /* Featured Content/Footer Widgets */
    #featured-content.layout-four .hentry,
    #supplementary.four .widget-area {
        width: 50%;
    }

    #featured-content.layout-four .hentry:nth-child(2n+1) {
        clear: both;
    }

    #content .wrapper {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    #primary {
        margin-bottom: 10px;
    }

    .footer-b .footer-nav {
        text-align: center;
    }

    .footer-b .footer-nav ul li {
        float: none;
        display: inline-block;
    }

    .footer-b .site-info {
        text-align: center;
    }

    .site-info .social-networks {
        display: block;
        float: none;
        margin: 0;
        text-align: center;
        width: 100%;
    }
    .site-info .social-networks li {
        display: inline-block;
        float: none;
        margin: 0;
    }
    .site-info .social-networks a {
        padding: 5px 10px;
    }

    #primary,
    #secondary,
    #site-navigation,
    .featured-posts .col-small,
    .featured-posts .col-large,
    .footer-b .footer-nav,
    .footer-b .site-info {
        width: 100%;
        max-width: 100%;
    }

    #featured-content .wrapper {
        padding-top: 40px;
        padding-bottom: 20px;
    }

    #supplementary .wrapper {
        padding-top: 20px;
    }

    .comments-area {
        margin-bottom: 0;
    }

    /* Font Size */
    .banner-inner .entry-header .entry-title {
        font-size: 34px;
    }

    #primary .entry-content h1,
    .entry-title {
        font-size: 32px;
    }

    #featured-content .featured-heading-wrap .entry-title,
    #primary .entry-content h2 {
        font-size: 28px;
    }

    #primary .entry-content h3,
    .blog .entry-title,
    .archive .entry-title {
        font-size: 24px;
    }

    #primary .entry-content h4 {
        font-size: 20px;
    }

    #primary .entry-content h5 {
        font-size: 17px;
    }
}

/*--------------------------------------------------------------
## <= 767px
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
    /* Featured Slider */
    #feature-slider .entry-title {
        margin-bottom: 0;
    }

    #feature-slider .entry-content {
        margin-bottom: 10px;
    }

    #feature-slider .more {
        padding: 5px 20px;
    }

    #per-slide-template .cycle-pager-active:before {
        left: 40%;
    }

    #per-slide-template h2 {
        padding-left: 20px;
        padding-right: 20px;
    }

    #featured-grid-content .col-large .entry-title {
        font-size: 22px;
        margin-bottom: 5px;
    }

    /* Featured Content */
    #featured-content.layout-six .hentry,
    #featured-content.layout-five .hentry {
        width: 50%;
    }
    #featured-content.layout-six .hentry:nth-child(3n+1),
    #featured-content.layout-five .hentry:nth-child(5n+1) {
        clear: none;
    }

    #featured-content.layout-six .hentry:nth-child(2n+1),
    #featured-content.layout-five .hentry:nth-child(2n+1) {
        clear: both;
    }

    .footer-b .footer-nav ul li {
        display: block;
        margin: 0 0 5px;
    }

    .site-info .social-networks {
        display: block;
        margin: 0 0 10px;
    }

    .site-info .social-networks li {
        float: none;
        display: inline-block;
    }

    .banner-inner .entry-header {
        bottom: 15px;
    }

    .banner-inner .entry-header .entry-title {
        margin: 0;
    }

    #primary .entry-content table th,
    #primary .entry-content table td {
        font-size: 14px;
        padding: 10px;
    }

    .jcf-select {
        min-width: 290px;
    }

    .comment-content {
        top: 0;
        left: 0;
    }

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

    .reply a {
        left: 0;
    }

    #promotion-message .left,
    #promotion-message .right {
        max-width: 100%;
        width: 100%;
    }

    #promotion-message .right {
        padding-top: 0;
    }

    /* Font Size */
    .banner-inner .entry-header .entry-title {
        font-size: 26px;
    }

    #primary .entry-content h1,
    .entry-title {
        font-size: 28px;
    }

    #featured-content .featured-heading-wrap .entry-title,
    #primary .entry-content h2 {
        font-size: 24px;
    }

    #primary .entry-content h3,
    .blog .entry-title,
    .archive .entry-title,
    #feature-slider .entry-title {
        font-size: 20px;
    }
}

/*--------------------------------------------------------------
## <= 480px (iPhone Portrait)
--------------------------------------------------------------*/
@media screen and (max-width: 480px) {
    /* Featured Slider */
    #feature-slider .entry-content {
        font-size: 15px;
        margin-bottom: 2px;
    }

    #feature-slider .more {
        display: none;
    }

    #per-slide-template .cycle-pager-active:before {
        left: 35%;
    }

    #per-slide-template .cycle-pager-active:after {
        background-color: transparent;
    }

    #per-slide-template h2 {
        display: none;
    }

    #featured-grid-content .col-small .text-holder,
    #featured-grid-content .col-small .img-holder,
    #featured-content .featured-content-wrap .hentry,
    #colophon #supplementary .widget-area,
    .blog #content #main .has-post-thumbnail .featured-image,
    .archive #content #main .has-post-thumbnail .featured-image,
    .blog #content #main .has-post-thumbnail .entry-container,
    .archive #content #main .has-post-thumbnail .entry-container {
        width: 100%;
    }

    #featured-grid-content .col-small .text-holder:after,
    #featured-grid-content .col-small .post:last-child .text-holder:after {
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-top: 20px solid #fff;
        content: "";
        height: 0;
        position: absolute;
        right: 50%;
        top: 100%;
        width: 0;
    }
    #featured-grid-content .col-small .post:last-child .text-holder:after {
        left: 40%;
    }

    .blog #content #main .has-post-thumbnail .entry-container,
    .archive #content #main .has-post-thumbnail .entry-container {
        padding: 20px 0 0;
    }

    /* Font Size */
    .banner-inner .entry-header .entry-title {
        font-size: 24px;
    }

    #primary .entry-content h1,
    .entry-title {
        font-size: 26px;
    }

    #featured-content .featured-heading-wrap .entry-title,
    #primary .entry-content h2 {
        font-size: 22px;
    }
}