/*
Theme Name: DominantePT
Theme URI: https://presscustomizr.com/hueman/
Version: 3.7.25
Description: The Hueman theme loads fast and is 100% mobile-friendly according to Google. One of the best rated theme for blogs and magazines on WordPress.org. Powering 70K+ websites around the world.
Author: nikeo
Author URI: https://presscustomizr.com
Template: hueman
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready
Text Domain: dominante
Domain Path: /languages
Copyright: (c) 2015-2021 Nicolas GUILLAUME (nikeo), 2013-2015 Alexander Agnarson
License: GNU General Public License v3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Requires PHP: 5.3
Tested up to: 6.3
*/
/*
The main css stylesheet of the Hueman theme is located in /assets/front/css/main.css.
The main reason why the main stylesheet of the Hueman theme has been moved to another place is minification.
Minification is a technique to compress a css file and therefore improve speed (page load time) of your website.
This style.css file provides details about the Theme (in the form of comments above) that is read by WordPress, and therefore cannot be minified.
Note : You can load the not minified stylesheet if you uncheck the option in the customizer > Advanced Options > performances
>> Developers <<
For better performances, the current style.css file is not loaded by the theme. @see hu_styles() in functions/init-front.php
If you want to make quick style test / changes, consider using the Custom CSS section in Appearance > customize > advanced options > Additional CSS.
It will persist on theme update because saved in database.
To make important CSS customizations, you'll want to use a child theme and add your css rules in the style.css file of this child theme.
https://codex.wordpress.org/Child_Themes
*/
/* Custom Styles */
/* ------------------------------------------------------------------------- */

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

/* ------------------------------------------------------------------------- *
 *  IE Fixes
/* ------------------------------------------------------------------------- */
body.ie8,
.ie8.single .related-posts .post-title,
.ie8 .sidebar.s1 .alx-posts .post-item-title,
.ie8 #footer .alx-posts .post-item-title { font-weight: 400; }

.ie8 .author-bio .bio-avatar:after,
.ie8 .commentlist li.bypostauthor > .comment-body:after { display: none; }

.ie8 .nav li > a:after { content: ""!important; }
.ie8 .nav > li > a:after { content: ""!important; }
.ie8 #nav-topbar .nav > li > a:hover,
.ie8 #nav-topbar .nav > li:hover > a,
.ie8 #nav-header .nav > li > a:hover,
.ie8 #nav-header .nav > li:hover > a,
.ie8 .toggle-search:hover,
.ie8 .toggle-search.active,
.ie8 .search-expand-inner { background: url(../img/opacity-10.png); }
.ie8 .thumb-icon,
.ie8 .image-caption,
.ie8 .page-image-text .description i,
.ie8 .flex-direction-nav a { background: url(../img/ie/opacity-70.png); }
.ie8 .entry .gallery .gallery-caption { background: url(../img/ie/opacity-80-light.png); }

/* ADMIN BAR
-------------------------------------------------- */
#wp-admin-bar-tc-hueman-help .ab-item:before, li#wp-admin-bar-tc-hueman-help a:before {
  font-family: 'Font Awesome\ 5 Free';
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-style: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#wp-admin-bar-tc-hueman-help .ab-item:before,
li#wp-admin-bar-tc-hueman-help a:before {
  content: "\f1cd";
  color: #FFF;
  padding-right: 0px;
  margin-right: 0;
  top: 2px;
  position: relative;
}
li#wp-admin-bar-tc-hueman-help a {
  color: #FFF;
  text-decoration: none;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #8DA65A;
  background-image: -moz-linear-gradient(to top, #008ec2,#006799);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#008ec2), to(#006799));
  background-image: -webkit-linear-gradient(to top, #008ec2,#006799);
  background-image: -o-linear-gradient(to top, #008ec2,#006799);
  background-image: linear-gradient(to bottom,#008ec2,#006799);
  background-repeat: repeat-x;
  border-color: #006799;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */
html { -webkit-font-smoothing: antialiased; /* safari font rendering issue fix */ }
body { background: #eaeaea; font-size: 1rem; line-height: 1.5em; color: #666; font-weight: 300; }
::selection { background: #16cfc1; color: #fff; }
::-moz-selection { background: #16cfc1; color: #fff; }
a {
  color: #16cfc1;
  text-decoration: none;
  /*outline: 0; <= commented in August 2019 for https://github.com/presscustomizr/hueman/issues/819 */
}
a:hover { color: #444; }
img { max-width: 100%; height: auto; }
a,
a:before,
a:after {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease; }
a img {
-webkit-transition: opacity 0.2s ease;
-moz-transition: opacity 0.2s ease;
-o-transition: opacity 0.2s ease;
transition: opacity 0.2s ease; }

/* Nov 2020 for https://github.com/presscustomizr/hueman/issues/936 */
article .entry a, .comment-body a, .widget_text a {
  text-decoration:underline;
}
/* Gutenberg compat */
article .entry a.wp-block-button__link {
  text-decoration: none;
}

.hu-links-not-underlined article .entry a, .hu-links-not-underlined .comment-body a, .hu-links-not-underlined .widget_text a {
  text-decoration:none;
}

address,cite,em { font-style: italic; }
strong { font-weight: 600; }
.left,.alignleft { float: left; }
.right,.alignright { float: right; }
.aligncenter { margin-left: auto; margin-right: auto; }

/*  base : clear
/* ------------------------------------ */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.group:before, .group:after { content: ""; display: table; }
.group:after { clear: both; }
.group { zoom: 1; }

/*  base : font awesome square size
/* ------------------------------------ */
.far, .fab, .fas { width: 1em; text-align: center; }


/*  base : forms
/* ------------------------------------ */
input, textarea, button, select, label { font-family: inherit; }
.themeform input,
.themeform select,
.themeform textarea,
.themeform button,
.themeform label { font-size: 0.875em; }
.themeform input::-moz-focus-inner,
.themeform button::-moz-focus-inner { border: 0; padding: 0; }
.search-form input[type="search"],/* added for https://github.com/presscustomizr/hueman/issues/842 */
.themeform input[type="text"],
.themeform input[type="password"],
.themeform input[type="email"],
.themeform input[type="url"],
.themeform input[type="tel"],
.themeform input[type="number"],
/* woocommerce */
.themeform .woocommerce #respond input#submit,
.themeform .woocommerce a.button,
.themeform .woocommerce button.button,
.themeform .woocommerce input.button,
/* end woocommerce */
input[type="submit"],
.themeform select,
.themeform button,
.themeform textarea { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; border-radius: 0; }

input[type="submit"],
.themeform input,
.themeform select,
.themeform textarea,
.themeform button { -moz-appearance: none; -webkit-appearance: none; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; transition: all .2s ease; }
.themeform input[type="checkbox"] { -moz-appearance: checkbox; -webkit-appearance: checkbox; }
.themeform input[type="radio"] { -moz-appearance: radio; -webkit-appearance: radio; }
.themeform label { font-weight: 600; color: #444; }

.search-form input[type="search"],/* added for https://github.com/presscustomizr/hueman/issues/842 */
.themeform input[type="text"],
.themeform input[type="password"],
.themeform input[type="email"],
.themeform input[type="url"],
.themeform input[type="tel"],
.themeform input[type="number"],
.themeform select,
.themeform textarea { background: #fff; border: 2px solid #ddd; color: #777; display: block; max-width: 100%;
  /*outline: none; <= Commented in august 2019 for https://github.com/presscustomizr/hueman/issues/819*/
  padding: 7px 8px;
}
.themeform select {padding: 0;}
.search-form input[type="search"]:focus,/* added for https://github.com/presscustomizr/hueman/issues/842 */
.themeform input[type="text"]:focus,
.themeform input[type="password"]:focus,
.themeform input[type="email"]:focus,
.themeform input[type="url"]:focus,
.themeform input[type="tel"]:focus,
.themeform input[type="number"]:focus,
.themeform select:focus,
.themeform textarea:focus { border-color: #ccc; color: #444; -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.1); box-shadow: 0 0 3px rgba(0,0,0,0.1); }
.themeform label .required { color: #16cfc1; }

input[type="submit"],
.themeform button[type="submit"] { background: #16cfc1; color: #fff; padding: 10px 10px; font-weight: 600; display: inline-block; border: none; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; }

/* woocommerce */
/* secondary color for the normal buttons */

.themeform .woocommerce #respond input#submit,
.themeform .woocommerce a.button,
.themeform .woocommerce button.button,
.themeform .woocommerce input.button { background: #efb93f; color: #fff; padding: 8px 14px; font-weight: 600; display: inline-block; border: none; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px;
}

/* primary color for the important buttons (Buy) */
.themeform .woocommerce #respond input#submit.alt,
.themeform .woocommerce a.button.alt,
.themeform .woocommerce button.button.alt,
.themeform .woocommerce input.button.alt { background: #16cfc1; }
/* end woocommerce */

/* woocommerce: background and color on hover */
.themeform .woocommerce #respond input#submit:hover,
.themeform .woocommerce a.button:hover,
.themeform .woocommerce button.button:hover,
.themeform .woocommerce input.button:hover,
.themeform .woocommerce #respond input#submit.alt:hover,
.themeform .woocommerce a.button.alt:hover,
.themeform .woocommerce button.button.alt:hover,
.themeform .woocommerce input.button.alt:hover
/* end woocommerce */

input[type="submit"]:hover,
.themeform button[type="submit"]:hover { background: #444; color: #fff; }
/* woocommerce checkout button specific */
.themeform #add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .themeform .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .themeform .wc-proceed-to-checkout a.checkout-button { display: block; padding: 1em; }
/* end woocommerce */

[role=search].search-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
[role=search].search-form label {
  position: relative;
  -webkit-box-flex:1;
  -ms-flex:1;
  flex:1;
  margin-right: 5px;
}
[role=search].search-form label input {
  padding-left: 26px;
  line-height: 20px;
  width: 100%;
}
[role=search].search-form input[type=submit] {
  line-height: 15px;
  /*width: 25%;*/
}
[role=search].search-form label:after { color: #ccc; line-height: 1.714em; font-family: 'Font Awesome 5 Free'; font-size: 0.875em; content: "\f002"; position: absolute; left: 10px; top: 8px; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto;}
/* June 2020 for https://github.com/presscustomizr/hueman/issues/905 */
.hu-fa-not-loaded [role=search].search-form label:after {content: "\00a0";}
/*  base : entry and comment
/* ------------------------------------ */
.entry { font-size: 1.125em; line-height: 1.6em; }
.entry p,
.entry dd { margin-bottom: 1em; }
.entry dt { color: #444; }
.entry ol,
.entry ul { margin: 0 0 15px 30px; }
.entry ol ol,
.entry ol ul,
.entry ul ul,
.entry ul ol { margin-bottom: 0; }
.entry li { margin: 0; }
.entry ul li,
.entry ol ul li { list-style: square; }
/* Gutenberg compatibility, see: https://github.com/presscustomizr/hueman/issues/969 */
body .wp-block-post-template, body .wp-block-query-loop {
  margin: 0;
}
body .wp-block-post-template li, body .wp-block-query-loop li {
  list-style: none;
}

/* woocommerce */
.woocommerce .entry #reviews #comments ol.commentlist li,
.entry .woocommerce ul li { list-style: none; }
/* end woocommerce */
.entry ol li,
.entry ol ul ol li { list-style: decimal; }
.entry dt { font-weight: 600;}
.entry address { margin-bottom: 1em; }
/* Gutenberg compatibility, see: https://github.com/presscustomizr/hueman/issues/831 */
.wp-block-quote.is-style-large,
.comment blockquote, .entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; }
.comment blockquote { padding-left: 35px }
.comment blockquote, .entry blockquote p { margin-bottom: 0.75em; }
.comment blockquote:before, .entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; text-align: center; position: absolute; left: 0; top: 0;}
.comment blockquote:before { font-size: 25px; }

/* June 2020 for https://github.com/presscustomizr/hueman/issues/905 */
.hu-fa-not-loaded .comment blockquote:before, .hu-fa-not-loaded .entry blockquote:before { content:"\00a0";}

.comment blockquote.twitter-tweet:before, .entry blockquote.twitter-tweet:before { content: "\f099"; }
.comment code, .entry code, .entry pre:not(.wp-block-code) {
  font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace;
  font-size: 0.875em;
}
.comment pre:not(.wp-block-code), .entry pre:not(.wp-block-code) { background: url(../img/pre.png) repeat top; padding: 18px 20px; margin: 30px 0; border: 1px solid #ddd; line-height: 19px; white-space: pre-wrap; word-wrap: break-word; overflow-x: auto; overflow-y: hidden; }
.comment code:not([lang]), .entry code:not([lang]) { background: #eee; padding: 0 3px; }
.entry ins { background: #fff486; }
.entry sub,
.entry sup { font-size: 62.5%; }
.entry sub { vertical-align: sub; }
.entry sup { vertical-align: super; }

/* image position & caption */
.entry img.size-auto,
.entry img.size-large,
.entry img.size-medium,
.entry attachment img { max-width: 100%; height: auto; }
.entry img.alignleft { margin: 18px 20px 18px 0; }
.entry img.alignright { margin: 18px 0 18px 20px; }
.entry img.aligncenter { margin: 18px auto; clear: both; display: block; }
.entry img .size-full { width: 100%!important; }
.entry .gallery img, .entry img.wp-smiley { margin: 0; }
.entry .wp-caption { background: #f1f1f1; max-width: 100%; margin-bottom: 14px; padding-top: 5px; text-align: center; }
.entry .wp-caption-text { font-style: italic; }
.entry .wp-caption a { border-bottom: none; }
.entry .wp-caption img { margin: 0; max-width: 100%; height: auto; }
.entry .wp-caption.alignleft { margin-right: 20px; }
.entry .wp-caption.alignright { margin-left: 20px; }
.entry .wp-caption.alignnone { width: 100%!important; overflow: hidden; }
.entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
.entry .wp-caption-text { color: #999; font-size: 0.8125em; padding: 0 0 8px 0; margin: 0; }

/* Gutenberg Compat @see https://github.com/presscustomizr/hueman/issues/835 */
.wp-block-image figcaption { color: #999; font-size: 0.8125em; padding: 0 0 8px 0; margin: 0; font-style: italic;text-align: center;}

/* table */
.entry table { font-size: 0.875em; margin-bottom: 1.5em; width: 100%; text-align: center; }
.entry table tr.alt { background: #f1f1f1; }
.entry table td { border-bottom: 1px solid #f1f1f1; text-align: center; padding: 5px; vertical-align: middle; }
.entry table th { font-weight: 600; text-align: center; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; padding: 10px 5px; }
/* Gutenberg Compat @see https://github.com/presscustomizr/hueman/issues/910 */
.wp-block-table .has-text-align-center {text-align: center;}
.wp-block-table .has-text-align-right {text-align: right;}
.wp-block-table .has-text-align-left {text-align: left;}

/* default gallery */
.entry .gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; }
.entry .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
.entry .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; }
.entry .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 0.8125em; line-height: 1.4em; padding: 10px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%;
transition: all .2s ease;
-o-transition: all .2s ease;
-moz-transition: all .2s ease;
-webkit-transition: all .2s ease; }
.entry .gallery .gallery-item:hover .gallery-caption  { bottom: 0; }
.entry .gallery-columns-5 .gallery-caption,
.entry .gallery-columns-6 .gallery-caption,
.entry .gallery-columns-7 .gallery-caption,
.entry .gallery-columns-8 .gallery-caption,
.entry .gallery-columns-9 .gallery-caption { display: none!important; }

/*  base : headings
/* ------------------------------------ */
h1, h2, h3, h4, h5, h6 { color: #444; font-weight: 600; -ms-word-wrap: break-word; word-wrap: break-word; }
.entry h1 span, .entry h2 span, .entry h3 span, .entry h4 span, .entry h5 span, .entry h6 span { color: #666; }
/* woocommerce */
.woocommerce div.product h1.product_title,
.woocommerce-Tabs-panel.entry-content h2,
.woocommerce .cross-sells h2,
.woocommerce .upsells.products h2,
.woocommerce .related.products h2,
/* end woocommerce */
.entry h1,.entry h2,.entry h3,.entry h4,.entry h5,.entry h6  { margin-bottom: 14px; font-weight: 400; line-height: 1.3em; }
/* woocommerce */
.woocommerce div.product h1.product_title,
/* end woocommerce */
.entry h1 { font-size: 2.375em; letter-spacing: -1px; }
.entry h2 { font-size: 2.125em; letter-spacing: -0.7px; }
.entry h3 { font-size: 1.75em; letter-spacing: -0.5px; }
/* woocommerce */
.woocommerce-Tabs-panel.entry-content h2 { margin-top: 20px;}
.woocommerce-Tabs-panel.entry-content h2,
.woocommerce .cross-sells h2,
.woocommerce .upsells.products h2,
.woocommerce .related.products h2,
/* woocommerce */
.entry h4 { font-size: 1.5em; letter-spacing: -0.3px; }
.entry h5 { font-size: 1.25em; font-weight: 600; }
.entry h6 { font-size: 1.125em; font-weight: 600; text-transform: uppercase; }

.heading,
/* woocommerce */
.woocommerce #reviews h3,
#reply-title { font-weight: normal; font-size: 1.125em; text-transform: uppercase; font-weight: 600; margin-bottom: 1em; }
.heading i { font-size: 1.375em; margin-right: 6px; }

/* base : screenreader
/* @fixes https://github.com/presscustomizr/hueman/issues/586
/* ------------------------------------ */
.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.screen-reader-text:active, .screen-reader-text:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.screen-reader-text.skip-link {
  background-color: #f1f1f1;
  box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
  color: #21759b;
  font-weight: 700;
  height: auto;
  width: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
}
.screen-reader-text.skip-link:focus {
    position: absolute;
    z-index: 100000;
}
/* ------------------------------------------------------------------------- *
 *  Base Structure
/* ------------------------------------------------------------------------- */

/*  base : layout
/* ------------------------------------ */
#wrapper { min-width: 1024px; height: 100%; }
.container { padding: 0 20px; }
.container-inner { max-width: 1380px; min-width: 1380px; width: 100%; margin: 0 auto; }
.main {
  background-color: #fff!important;
  position: relative;
  width: 100%;/* <= fixes post content problem in https://github.com/presscustomizr/hueman/issues/839 */
}
.sidebar-expanding .main, .sidebar-collapsing .main { overflow: hidden;}

.main-inner { z-index: 1; position: relative; min-height: 600px; /* instead of sticky footer */ }
.content {
  width: 100%;
  position: relative;
  -moz-transition: -moz-transform, .35s ease;
  -webkit-transition: -webkit-transform, .35s ease;
  -o-transition: -o-transform, .35s ease;
  transition: transform, .35s ease;
}
.hu-pad { padding: 30px 30px 20px; }

/* boxed */
.boxed #wrapper { max-width: 1380px; margin: 0 auto;
-webkit-box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04);
box-shadow: 6px 0 0 rgba(0,0,0,0.04), -6px 0 0 rgba(0,0,0,0.04);
position: relative;}
.boxed .container { padding: 0; }
.boxed #page { background: #eaeaea; padding-bottom: 1px; }

/*  base : layout columns
/* ------------------------------------ */
.container-inner > .main::before,
.container-inner > .main::after { background-color: #f0f0f0;  position: absolute; top: 0; bottom: 0; content: ''; display: block; z-index: 0;}

/* 2 column, content left */
.col-2cl .main-inner { padding-right: 340px; }
.col-2cl .container-inner > .main::after { right: 0; padding-right: 340px; }
.col-2cl .sidebar.s1 { float: right; margin-right: -340px; }
.col-2cl .content { float: left; }

/* 2 column, content right */
.col-2cr .main-inner { padding-left: 340px; }
.col-2cr .container-inner > .main::before { left: 0; padding-left: 340px; }
.col-2cr .sidebar.s1 { float: left; margin-left: -340px; }
.col-2cr .content { float: right; }

/* 3 column, content middle */
.col-3cm .container-inner > .main::before { left: 0; padding-left: 340px; }
.col-3cm .container-inner > .main::after { right: 0; padding-right: 260px; }
.col-3cm .main-inner { padding-left: 340px; padding-right: 260px; }

.col-3cm .sidebar.s1 { float: left; margin-left: -340px; }
.col-3cm .sidebar.s2 { float: right; margin-right: -260px; /* ingenuity! */ position: relative; right: -100%; }
.col-3cm .content { float: right; }

/* fix chrome bug in nov 2019 for https://github.com/presscustomizr/hueman/issues/834 */
.col-3cm { overflow-x: hidden }


/* 3 column, content left */
.col-3cl .main { background-image: none; }
.col-3cl .main-inner { padding-right: 600px; }
.col-3cl .container-inner > .main::after { right: 0px; padding-right: 600px; }

.col-3cl .sidebar.s1 { float: right; margin-right: -600px; }
.col-3cl .sidebar.s2 { float: right; margin-right: -260px; }
.col-3cl .content { float: left; }

/* 3 column, content right */
.col-3cr .main { background-image: none; }
.col-3cr .main-inner { padding-left: 600px; }
.col-3cr .container-inner > .main::before { left: 0px; padding-left: 600px; }


.col-3cr .sidebar.s1 { float: left; margin-left: -600px; }
.col-3cr .sidebar.s2 { float: left; margin-left: -260px; }
.col-3cr .content { float: right; }

/*  base : sidebar
/* ------------------------------------ */
.sidebar {
  padding-bottom: 20px;
  position: relative;
  z-index: 2;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);/* @see => https://stanko.github.io/ios-safari-scoll-position-fixed/ */
  -moz-transition: height .4s ease-in-out;
  -webkit-transition: height .4s ease-in-out;
  -o-transition: height .4s ease-in-out;
  transition: height .4s ease-in-out;
}
.sidebar .sidebar-content, .sidebar .sidebar-toggle {
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);/* @see => https://stanko.github.io/ios-safari-scoll-position-fixed/ */
  background: #f0f0f0;
}
.sidebar .hu-pad { padding-left: 20px; padding-right: 20px; }
.sidebar-top { padding: 15px 30px; }
.sidebar-top p { float: left; color: #fff; color: rgba(255,255,255,0.8); font-size: 1rem; font-weight: 600; text-transform: uppercase; line-height: 1.5rem; padding: 3px 0; }
.sidebar-toggle { display: none; text-align: center; cursor: pointer; width: 100%; height: 60px;
-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
box-shadow: inset 0 -1px 0 rgba(255,255,255,0.1);
border: none;
padding: 0;
}
.sidebar-toggle i { font-size: 30px; color: #fff; padding: 15px 0; }

.sidebar.expanding, .sidebar.collapsing {
    background: #f0f0f0;
    -moz-transition: width, -moz-transform, .35s ease;
    -webkit-transition: width, -webkit-transform, .35s ease;
    -o-transition: width, -o-transform, .35s ease;
    transition: width, transform, .35s ease;
    z-index: 10;
}
.sidebar.expanded .sidebar-content, .sidebar.collapsed .sidebar-content, .sidebar.collapsing .sidebar-content {
    -moz-transition: opacity, -moz-transform, .35s ease;
    -webkit-transition: opacity, -webkit-transform, .35s ease;
    -o-transition: opacity, -o-transform, .35s ease;
    transition: opacity, transform, .35s ease;
}

.sidebar.expanded {
  overflow: hidden;
}

.sidebar-expanded .sidebar {
  -webkit-box-shadow: 1px 1px 7px 3px rgba(121, 121, 121, 0.33);
  -moz-box-shadow: 1px 1px 7px 3px rgba(121, 121, 121, 0.33);
  box-shadow: 1px 1px 7px 3px rgba(121, 121, 121, 0.33);
}
.sidebar-expanded .content {
      background: #fff;
}
.sidebar.expanded .sidebar-content {
    overflow: auto;
}

.sidebar.expanding .sidebar-content {
  /*opacity:1!important;*/
  display:block!important;
}
.sidebar.collapsing .sidebar-content {
  opacity:0!important;
}
/* toggle icon */
.sidebar-toggle-arrows {  opacity: 0;/* <= revealed with js */ }
.collapsed .sidebar-toggle-arrows {  opacity: 1; }
.sidebar-toggle-arrows {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-transition: -webkit-transform, opacity, .25s ease;
  -moz-transition: -moz-transform, opacity, .25s ease;
  -o-transition: -o-transform, opacity, .25s ease;
  transition: transform, opacity, .25s ease;
  position: relative;
}


/* the position is set server side depending on the choosen layout */
.sidebar[data-position="right"] .sidebar-toggle-arrows:before,
.sidebar[data-position="middle-right"] .sidebar-toggle-arrows:before {content: "\f100";}
.sidebar[data-position="left"] .sidebar-toggle-arrows:before,
.sidebar[data-position="middle-left"] .sidebar-toggle-arrows:before {content: "\f101";}

/* June 2020 for https://github.com/presscustomizr/hueman/issues/905 */
.hu-fa-not-loaded .sidebar[data-position] .sidebar-toggle-arrows:before { content: "\00a0";}

.sidebar[data-position="right"].collapsed .hovering .sidebar-toggle-arrows,
.sidebar[data-position="middle-right"].collapsed .hovering .sidebar-toggle-arrows,
.sidebar[data-position="left"].expanded .hovering .sidebar-toggle-arrows,
.sidebar[data-position="middle-left"].expanded .hovering .sidebar-toggle-arrows {
  -webkit-transform: translateX(-3px);
  -moz-transform: translateX(-3px);
  -o-transform: translateX(-3px);
  transform: translateX(-3px);
}
.sidebar[data-position="left"].collapsed .hovering .sidebar-toggle-arrows,
.sidebar[data-position="middle-left"].collapsed .hovering .sidebar-toggle-arrows,
.sidebar[data-position="right"].expanded .hovering .sidebar-toggle-arrows,
.sidebar[data-position="middle-right"].expanded .hovering .sidebar-toggle-arrows {
  -webkit-transform: translateX(3px);
  -moz-transform: translateX(3px);
  -o-transform: translateX(3px);
  transform: translateX(3px);
}


/*stickify */
.main .sidebar.sticky {
  position: fixed;
  top: 0;
/*  margin-right: 0!important;
  margin-left:0!important;*/
  padding-bottom: 0;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -o-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);/* @see => https://stanko.github.io/ios-safari-scoll-position-fixed/ */
}
.sidebar .sidebar-content, .sidebar .sidebar-toggle {
  -webkit-transition: -webkit-transform 0.30s ease-in-out;
  -moz-transition: -moz-transform 0.30s ease-in-out;
  -o-transition: -o-transform 0.30s ease-in-out;
  transition: transform 0.30s ease-in-out;
}

/*.col-2cr .s1.sticky-sidebar,
.col-3cm .s1.sticky-sidebar,
.col-3cr .s1.sticky-sidebar,
.col-3cr .s2.sticky-sidebar {
  position: fixed;
}
.col-2cl .s1.sticky-sidebar,
.col-3cl .s1.sticky-sidebar,
.col-3cm .s2.sticky-sidebar,
.col-3cl .s2.sticky-sidebar {
  position: fixed;
  right: 0px;
  margin-right: 0;
}
*/

/* sidebar primary */
.sidebar.s1 { width: 340px; z-index: 2; }
.sidebar.s1:hover { z-index: 98; /* social icons tooltip above header nav */ }
.sidebar.s1 .sidebar-top,
.sidebar.s1 .sidebar-toggle { background: #16cfc1; }
@media only screen and (min-width: 479px) and (max-width: 960px) {
  .sidebar.s1 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
  .sidebar.s1 .sidebar-top p { color: #666; }
  .sidebar.s1 .sidebar-top .social-links .social-tooltip { color: #666!important; }
}

/* sidebar secondary */
.sidebar.s2 { width: 260px; z-index: 1; }
.sidebar.s2 .sidebar-top,
.sidebar.s2 .sidebar-toggle { background: #efb93f; }
@media only screen and (min-width: 479px) and (max-width: 1200px) {
  .sidebar.s2 .sidebar-top { background: none!important; border-bottom: 1px solid #ddd; }
  .sidebar.s2 .sidebar-top p { color: #666; }
}

/*  base : grid
/* ------------------------------------ */
.grid { margin-right: 3.2%; float: left; display: inline; position: relative; }
.last { clear: right; margin-right: 0!important; }

.one-full { margin-right: 0; width: 100%; overflow: hidden; }
.one-half { width: 48.4%; }
.one-third { width: 31.2%; }
.two-third { width: 65.6%; }
.one-fourth { width: 22.6%; }
.three-fourth { width: 74.2%; }
.one-fifth { width: 17.4%; }
.two-fifth { width: 38.1%; }
.three-fifth { width: 58.7%; }
.four-fifth { width: 79.4%; }/* ------------------------------------------------------------------------- *
 *  Common Elements
/* ------------------------------------------------------------------------- */
/*  common : embedded element
/* ------------------------------------ */
iframe.wp-embedded-content{ max-width : 100%;width: 100%;}

/*  common : responsive videos
/* ------------------------------------ */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*Gutenberg compatibility, see: https://github.com/presscustomizr/hueman/issues/698
and https://github.com/presscustomizr/hueman/issues/708
*/
.wp-embed-responsive .wp-block-embed[class*=wp-embed-aspect-] .video-container { position: static; padding: 0; height: 100%; }

/*  common : responsive image + caption
/* ------------------------------------ */
.image-container { position: relative; }
.image-container img { display: block; width: 100%; height: auto; }
.image-caption { background: rgba(0,0,0,0.7); color: #fff; font-size: 0.8125em; line-height: 1.3em; font-style: italic; padding: 8px 10px; position: absolute; bottom: 8px; left: 8px; margin-right: 8px;
-webkit-border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.4), 0 1px 0 rgba(255,255,255,0.03); }

/*  common : social links
/* ------------------------------------ */
.social-links { float: right; position: relative; padding-top: 2px; font-size: 1rem; line-height: 1.5rem;}
.social-links li { display: inline-block; margin-left: 8px; line-height: 1em; }
.social-links li a { display: block!important; position: relative; text-align: center; }
.social-links .social-tooltip { color: #fff; color: rgba(255,255,255,0.7); font-size: 1.5rem; display: inline; position: relative; z-index: 98; }
.social-links .social-tooltip:hover { color: #fff!important; text-decoration: none; }

/*  common : notebox
/* ------------------------------------ */
.notebox { background: #f0f0f0; position: relative; padding: 12px 15px; color: #888; margin-bottom: 30px; }
.notebox:before { content:''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #f1f1f1; position: absolute; top: -8px; left: 13px; }
.notebox:after { content:''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #f1f1f1; position: absolute; top: -5px; left: 15px; }
.notebox span { font-weight: 600; }
.notebox .search-again { margin-top: 10px; }
.notebox input[type="text"] { width: 100%; }

/*  common : page image
/* ------------------------------------ */
.page-image { overflow: hidden; position: relative; margin: 0 0 30px 0; }
.page-image-text { position: absolute; top: 50%; margin-top: -35px; width: 100%; text-align: center; }
.page-image-text .caption { color: #fff; font-size: 2.75em; line-height: 1.6em; text-transform: uppercase; font-weight: 600; text-shadow: 0 0 20px rgba(0,0,0,0.3); }
.page-image-text .description { display: block; color: #fff; font-size: 0.9375em; line-height: 36px; font-weight: 300; }
.page-image-text .description i { background: rgba(0,0,0,0.7); opacity: 0.9; font-style: normal; padding: 6px 10px; -webkit-border-radius: 2px; border-radius: 2px; }

/*  common : pagination
/* ------------------------------------ */
.pagination { margin-bottom: 15px; }
.pagination a { font-size: 1.125em; font-weight: 600; }

/*  common : thumb icon
/* ------------------------------------ */
.thumb-icon { background: rgba(0,0,0,0.7); color: #fff; text-align: center; display: block; width: 32px; height: 32px; position: absolute; bottom: 20px; left: 20px;
-webkit-border-radius: 6px; border-radius: 6px;
-moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; transition: all 0.7s ease;
-webkit-box-shadow: 0 0 2px rgba(255,255,255,0.4);
box-shadow: 0 0 2px rgba(255,255,255,0.4);
-webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg); }
.thumb-icon i { font-size: 16px; padding: 8px 0; width: 17px;
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
.thumb-icon .fa-play, .thumb-icon.small .f-play { margin: -1px 0 0 3px; }
.thumb-icon.small { width: 24px; height: 24px; position: absolute; bottom: 14px; left: 14px;
-webkit-border-radius: 4px; border-radius: 4px; }
.thumb-icon.small .fas, .thumb-icon.small .far { padding: 0 0 2px 2px; font-size: 12px; width: 13px; }

/*  common : nav
/* ------------------------------------ */
.nav-container { background: #888; z-index: 99; position: relative; }
.nav-toggle { display: none; background: #92b7b1; cursor: pointer; float: right; height: 50px; width: 60px; color: #fff; text-align: center; }
.nav-toggle i { font-size: 1.75rem; padding: 13px 0; }
.nav-text { display: none; position: absolute;right:52px;font-size: 1em; line-height: 1.5em; padding: 13px 20px; }
.nav li > a:after,
.nav > li > a:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; }


/* NEW BUTTON */
.ham__navbar-toggler *:after, .ham__navbar-toggler *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.ham-toggler-menu__span {
    background: transparent;
}

.ham__navbar-toggler {
    display: none;
    height: 50px;
    width: 60px;
    float: right;
    position: relative;
    text-align: center;
    z-index: 10001;
    border: none;
    background: none;
    margin: 0;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
    -webkit-transition: all 0.2s, 0.3s 0.2s;
    transition: all 0.2s, 0.3s 0.2s;
}

.ham__navbar-toggler .ham__navbar-span-wrapper {
    padding: 25px 20px;
    text-align: center;
    height: 100%;
    float: right;
}
.ham-toggler-menu__span {
    display: block;
    width: 20px;
    height: 1.5px;
    position: relative;
    top: 0;
    vertical-align: bottom;
    -webkit-transition: all ease 0.15s;
    transition: all ease 0.15s;

}
.collapsed .ham-toggler-menu__span {
    background: #fff;
}
.ham__navbar-toggler.collapsed .ham-toggler-menu__span:before {
    top: -.375rem;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
    background: #fff;
}
.ham__navbar-toggler .ham-toggler-menu__span:before {
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
    background: #fff;
}
.ham__navbar-toggler.collapsed .ham-toggler-menu__span:after {
    top: .375rem;
    -webkit-transform: rotateZ(0);
    -moz-transform: rotateZ(0);
    -ms-transform: rotateZ(0);
    transform: rotateZ(0);
        background: #fff;
}
.ham__navbar-toggler .ham-toggler-menu__span:after {
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    transform: rotateZ(45deg);
        background: #fff;
}
.ham-toggler-menu__span:before, .ham-toggler-menu__span:after {
    position: absolute;
    content: '';
    display: inline-block;
    width: inherit;
    height: inherit;
    outline: .075rem solid transparent;
    left: 0;
    -webkit-border-radius: 5px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 5px;
    -moz-background-clip: padding;
    border-radius: 5px;
    background-clip: padding-box;
    -webkit-transition: all ease 0.35s;
    transition: all ease 0.35s;
}

/* END NEW BUTTON */




/* ANOTHER BUTTON */
.ham__navbar-toggler-two {
    display: none;
    height: 50px;
    width: 50px;
    float: right;
    position: relative;
    text-align: center;
    z-index: 10001;
    border: none;
    background: none;
    margin: 0;
    vertical-align: middle;
    border-radius: 0;
    cursor: pointer;
    padding: 0;
/*    -webkit-transition: all 0.2s, 0.3s 0.2s;
    transition: all 0.2s, 0.3s 0.2s;*/
}
.ham__navbar-toggler-two .ham__navbar-span-wrapper {
    padding: 0 20px;
    height: 12px;
    margin: 19px 5px;
    position: relative;
    display: block;
}
.ham__navbar-toggler-two .line {
  display: block;
  background: #ffffff;
  width: 20px;
  height: 1.5px;
  position: absolute;
  left: 10px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: all ease 0.35s;
  -moz-transition: all ease 0.35s;
  -o-transition: all ease 0.35s;
  transition: all ease 0.35s;
  backface-visibility: hidden;
}
#footer .ham__navbar-toggler-two .line { background: #444;}
.ham__navbar-toggler-two .line.line-1 {top: 0;}
.ham__navbar-toggler-two .line.line-2 {top: 50%;}
.ham__navbar-toggler-two .line.line-3 {top: 100%;}
/*.ham__navbar-toggler-two.hovering .line-1, .ham__navbar-toggler-two.focusing .line-1 {
   -webkit-transform: translateY(-1px);
  -moz-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ham__navbar-toggler-two.hovering .line-3, .ham__navbar-toggler-two.focusing .line-3 {
  -webkit-transform: translateY(1px);
  -moz-transform: translateY(1px);
  transform: translateY(1px);
}*/

.ham__navbar-toggler-two.hovering .line {
  -webkit-transform: translateX(-3px);
  -moz-transform: translateX(-3px);
  transform: translateX(-3px);
  width: 26px;
}

.ham__navbar-toggler-two.active .line-1 {
  -webkit-transform: translateY(6px) translateX(-3px) rotate(45deg);
  -moz-transform: translateY(6px) translateX(-3px) rotate(45deg);
  transform: translateY(6px) translateX(-3px) rotate(45deg);
  width: 28px;
}
.ham__navbar-toggler-two.active .line-2 {
  opacity: 0;
}
.ham__navbar-toggler-two.active .line-3 {
  -webkit-transform: translateY(-6px) translateX(-3px) rotate(-45deg);
  -moz-transform: translateY(-6px) translateX(-3px) rotate(-45deg);
  transform: translateY(-6px) translateX(-3px) rotate(-45deg);
  width: 28px;
}
.ham__navbar-toggler-two.hovering .line, .ham__navbar-toggler-two.focusing .line, .ham__navbar-toggler-two.active .line {
  background: #fff;
}
#footer .ham__navbar-toggler-two.hovering .line, #footer .ham__navbar-toggler-two.focusing .line, #footer .ham__navbar-toggler-two.active .line {
  background: #000;
}
/* END ANOTHER BUTTON */
.hu-dropdown-toggle-wrapper { display: none }





@media only screen and (min-width: 720px) {
  #header .nav-container .nav { display: block!important}
  .nav-wrap { height: auto!important; }
  /* common */
  .nav { font-size: 0em; position: relative; }
  .nav li a { color: #ccc; display: block; line-height: 1.25rem; }
  /* dropdown arrows */

/* June 2020 for https://github.com/presscustomizr/hueman/issues/905 */
  .hu-fa-not-loaded .nav li > a:after,
  .hu-fa-not-loaded .nav > li > a:after {
    content:"\00a0";
  }

  .hu-fa-not-loaded .fa:before, .hu-fa-not-loaded .far:before, .hu-fa-not-loaded .fas:before { content: "\00a0"}

  .nav li > a:after { content: "\f0da"; float: right; opacity: 0.5; }
  .nav > li > a:after {content: "\f0d7"; float: none; margin-left: 6px; font-size: 0.875em; line-height: 1.2em; }
  .nav li > a:only-child:after {content: ""; margin: 0; }
  #footer nav .nav { display: block !important; }
  #footer .nav li > a:after { content: "\f0da"; }
  #footer .nav > li > a:after { content: "\f0d8"; }
  #footer .nav li > a:only-child:after { content: ""; }
  /* level 1 */
  .nav > li { font-size: 1rem; border-right: 1px solid #999; display: inline-block; position: relative; }
  .nav > li > a { padding: 15px 14px; }
  .nav > li > a:hover,
  .nav > li:hover > a { background: #777; }
  .nav li > a:hover,
  .nav li:hover > a,
  .nav li.current_page_item > a,
  .nav li.current-menu-item > a,
  .nav li.current-menu-ancestor > a,
  .nav li.current-post-parent > a { color: #fff; }
  /* level 2 & 3 */
  .nav li:hover > ul { display: block; }
  .nav ul { display: none; background: #777; position: absolute; left: 0; top: 50px; width: 180px; padding: 10px 0; z-index: 2; -webkit-transform: translateZ(0);
  -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.15);
  box-shadow: 0 2px 2px rgba(0,0,0,0.15); }
  .nav ul li { font-size: 0.875rem; position: relative; display: block; padding: 0; }
  .nav ul li a { padding: 10px 20px; }
  .nav ul li:last-child { border-bottom: 0!important; }
  /* level 3 */
  .nav ul ul { position: absolute; top: -10px; left: 180px; }

}





@media only screen and (max-width: 719px) {
  #header .nav-container .nav, #footer .nav-container .nav {display: none;}
  #footer .nav-container .nav.expanded, #header .nav-container .nav.expanded {display: block;}
  .nav { font-weight: 400; }
  .nav-container { text-transform: none; }
  .nav-toggle, .ham__navbar-toggler, .nav-text, .ham__navbar-toggler-two { display: block; }
  .nav-wrap { position: relative; float: left; width: 100%; overflow: hidden; }
  .nav-wrap.transition {
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease; }
  .expand .nav-wrap { height: auto; }
  /* iphone fix */
  .safari .nav-wrap.transition { -webkit-transition: none; transition: none; }
  /* common */
  .nav { float: left; width: 100%; }
  .nav li a { line-height: 1.6em; display: block; padding: 8px 13px; }
  /*.nav li li a { padding-left: 15px; padding-right: 15px; }*/
  /* dropdown arrows */
  /* no arrows
  .nav li > a:after { content: '\f0d7'; opacity: 0; margin-left: 6px; font-size: 0.6rem; }
  .nav > li > a:after { content: '\f0d7'; font-size: 0.6rem; }
  .nav li > a:only-child:after { content: ''; }
  */

  /* level 1 */
  .nav > li { font-size: 0.9375em; }
  .nav li > a:hover,
  .nav li.current_page_item > a,
  .nav li.current-menu-item > a,
  .nav li.current-post-parent > a { color: #fff; }
  /* level 2 & 3 */
  .nav ul { display: block }

  /*.nav a { padding-left:25px;}*/
  .nav ul a { padding-left:37px;}
  .nav ul ul a { padding-left:65px;}
  .nav ul ul ul a { padding-left:90px;}
  .nav ul ul ul ul a { padding-left:115px;}
  .nav ul ul ul ul ul a { padding-left:140px;}
  .nav ul ul ul ul ul ul a { padding-left:165px;}
  .nav ul ul ul ul ul ul ul a { padding-left:190px;}

  .nav ul li { font-size: 0.85rem; font-weight: 300; }
  .nav ul li a { padding-top: 6px; padding-bottom: 6px; }









  /*
  * Mobile dropdown on click
  * colors are defined in 0_4_header.css and 9_0_footer.css
  */
  .submenu-click-expand.nav-wrap,
  .submenu-click-expand.nav-wrap li,
  .submenu-click-expand  ul { background: inherit; }

  .submenu-click-expand .sub-menu,
  .submenu-click-expand .nav li {
    position: relative;
  }

  .submenu-click-expand .page_item_has_children > a,
  .submenu-click-expand .menu-item-has-children  > a {
    padding-right: 44px;
  }
  .submenu-click-expand .nav li a {
    min-height: 37px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .submenu-click-expand .nav > li > a {
    min-height: 43px;
  }

  .hu-dropdown-toggle-wrapper {
    position: absolute;
    top: 1px;
    right: 0;
    text-align: center;
    line-height: 1;
    bottom: 1px;
  }

  .submenu-click-expand .hu-dropdown-toggle-wrapper {
    display: block;
  }

  .hu-dropdown-toggle {
    background: none;
    -webkit-appearance: none;
    outline: none;
    border: none;
    padding: 0;
    cursor: pointer;
    display: block;
    height: 45px;
    width: 44px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
  }

  li li .hu-dropdown-toggle {
    height: 39px;
  }

  .hu-dropdown-toggle i {
    display: block;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    font-size: 13px;
  }

  .submenu-click-expand .nav ul { display: none }
  .submenu-click-expand .nav ul.expanded { display: block; }
  li.expanded > .hu-dropdown-toggle-wrapper .fa-angle-down {
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  /* \test */
}/*@media only screen and (max-width: 719px)*//* ------------------------------------------------------------------------- *
 *  Section: Header
/* ------------------------------------------------------------------------- */
#header { background: #454e5c; position: relative; padding-bottom: 60px;}
/*.is-scrolling #header{z-index: 100; }*/
#header .hu-pad { padding-top: 30px; padding-bottom: 30px; }
#header .container-inner { position: relative; }
.mobile-title-logo-in-header { display: none;}

.site-title { font-size: 2.625em; font-weight: 600; letter-spacing: -0.5px; float: left; line-height: 1.4285em; padding: 10px 0; }
.site-title a { display: block; color: #fff; max-width: 100%; }
.site-title a img { display: block; max-width: 100%; max-height: 60px; height: auto; padding: 0; margin: 0 auto; -webkit-border-radius: 0; border-radius: 0; width: auto; }
.site-description { font-size: 1em; font-style: italic; color: #fff; color: rgba(255,255,255,0.5); float: left; margin-left: 20px; line-height: 60px; padding: 10px 0; }
.site-image { display: block; margin: 0 auto; max-height: 400px; width: auto;}

/* new-site-image + #header-image-wrap height introduced March 2020 for https://github.com/presscustomizr/hueman/issues/852
 april 2020 : .header-img-natural-height and .hu-header-img-full-width added for https://github.com/presscustomizr/hueman/issues/877
*/
#header-image-wrap { max-height: 400px;}
.hu-header-img-natural-height #header-image-wrap { max-height: none;}
.new-site-image { display: block; margin: 0 auto; width: 100%;}
.hu-header-img-full-width .new-site-image { width:auto; }

/* Header Widget Zone Common */
#header-widgets{ display: none;}
/*#header-widgets h3 { display: none; }*/
#header-widgets img { display: block; }




/* ------------------------------------------------------------------------- *
 *  Header with Nimble template
/* ------------------------------------------------------------------------- */
.nimble-template-enabled #header {padding-bottom:0px;}
.nimble-template-enabled #page {padding-bottom:0px;margin-top:0px;}
.nimble-template-enabled .main-inner {min-height: inherit;}



/* ------------------------------------------------------------------------- *
 *  Header Search
/* ------------------------------------------------------------------------- */
/* Search in topbar + default styling */
.toggle-search { color: #fff; font-size: 18px; line-height: 24px; cursor: pointer; padding: 13px 20px; display: block; position: absolute; right: 0; top: -50px;
-webkit-box-shadow: -1px 0 0 rgba(255,255,255,0.1);
box-shadow: -1px 0 0 rgba(255,255,255,0.1);
background: none;
border: none;
}
.toggle-search:hover,
.toggle-search.active { background: rgba(0,0,0,0.15); color: #fff; }

.search-expand {
  display: none;
  background: #121d30;
  position: absolute;
  top: 0;
  right: 0;
  width: 340px;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.1);
  box-shadow: 0 1px 0 rgba(255,255,255,0.1);
}
.is-scrolled .topbar-transparent .search-expand { background: #121d30; background : rgba(18, 29, 48, 0.90); }
.search-expand-inner { background: rgba(0,0,0,0.15); padding: 15px; }
.search-expand .themeform input { width: 100%; border: 2px solid #e2e2e2; border-radius: 0; }
.search-expand .themeform input:focus {  }


/* Search in header nav */
#main-header-search .toggle-search {
  top: inherit;
  float: left;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#main-header-search .search-expand {
  background: #454e5c;
  display: none;
  left: 0px;
  top: 50px;
}










/* ------------------------------------------------------------------------- *
 *  Header mobile menu
/* ------------------------------------------------------------------------- */
#header #nav-mobile { background-color: #454e5c; }
.is-scrolled .topbar-transparent #nav-mobile{ background: #454e5c; background : rgba(69,78,92,0.90); }















/* ------------------------------------------------------------------------- *
 *  Header nav topbar
/* ------------------------------------------------------------------------- */
#nav-topbar.nav-container {
  /* default top bar color */
  background:#121d30;
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
  box-shadow: 0 0 5px rgba(0,0,0,0.2),0 1px 0 rgba(255,255,255,0.15);
/*  -webkit-transition: height 0.35s ease-in-out;
  -moz-transition: height 0.35s ease-in-out;
  -o-transition: height 0.35s ease-in-out;
  transition: height, transform 0.35s ease-in-out;*/
  -webkit-transition: -webkit-transform 0.35s ease-in-out, height 0.25s ease-in-out, background-color 0.45s ease-in-out;
  -moz-transition: -moz-transform 0.35s ease-in-out, height 0.25s ease-in-out, background-color 0.45s ease-in-out;
  -o-transition: -o-transform 0.35s ease-in-out, height 0.25s ease-in-out, background-color 0.45s ease-in-out;
  transition: transform 0.35s ease-in-out, height 0.25s ease-in-out, background-color 0.45s ease-in-out;
}

.is-scrolled .topbar-transparent #nav-topbar.nav-container { background: #121d30; background : rgba(18, 29, 48, 0.90); }


.topbar-toggle-down {
    position: absolute;
    z-index: 10;
    right: 0;
    width: 60px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    /*background: rgba(18, 29, 48, 0.8);*/
    display: none;
}
.topbar-toggle-down i.fa-angle-double-up {
  display: none;
}
.topbar-toggle-down i {
  font-size: 30px;
  color: #fff;
  padding: 10px 0;
  -webkit-transition: -webkit-transform, opacity, .25s ease;
  -moz-transition: -moz-transform, opacity, .25s ease;
  -o-transition: -o-transform, opacity, .25s ease;
  transition: transform, opacity, .25s ease;
  opacity: 0.6;
}
.topbar-toggle-down i[data-toggle="down"]:hover {
  -webkit-transform: translateY(3px);
  -moz-transform: translateY(3px);
  -o-transform: translateY(3px);
  transform: translateY(3px);
  opacity: 1;
}
.topbar-toggle-down i[data-toggle="up"]:hover {
  -webkit-transform: translateY(-3px);
  -moz-transform: translateY(-3px);
  -o-transform: translateY(-3px);
  transform: translateY(-3px);
  opacity: 1;
}
















/* ------------------------------------------------------------------------- *
 *  Header nav header
/* ------------------------------------------------------------------------- */
#nav-header.nav-container {
  background: #454e5c;
  z-index: 97;
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), 0 -1px 0 rgba(0,0,0,0.2), inset 1px 0 0 rgba(0,0,0,0.2), inset -1px 0 0 rgba(0,0,0,0.2);
}
#nav-header .container { padding: 0 15px; }







/* ------------------------------------------------------------------------- *
 *  OLD NAV TOGGLE ( can be set in option ) for TOPNAV, MOBILE AND HEADER NAV
/* ------------------------------------------------------------------------- */
#nav-topbar .nav-toggle,
#nav-header .nav-toggle,
#nav-mobile .nav-toggle {
  background: transparent; color: #fff;
  -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
  box-shadow: inset 1px 0 0 rgba(255,255,255,0.06);
}
#nav-topbar .nav-text,
#nav-header .nav-text,
#nav-header .nav-text { color: #fff; color: rgba(255,255,255,0.7); }

















/* ------------------------------------------------------------------------- *
 *  Header STICKY MENUS
/* ------------------------------------------------------------------------- */
/*.is-scrolled #header .nav-container.mobile-sticky, .is-scrolled #header .nav-container.desktop-sticky, .is-scrolled #header .search-expand {
    background-color: #38383a;
    background-color: rgba(56, 56, 58, 0.9);
}*/
.is-scrolled #header .sticky-visible {
    -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.3);
}
.mobile-menu {
  display: none;
}

.mobile-menu .mobile-search {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  padding: 6px 14px 15px;
}
.mobile-menu .mobile-search input.search {
  width: 100%
}

/* ------------------------------------------------------------------------- *
 *  Logo and tagline on top of a banner image
/* ------------------------------------------------------------------------- */
#header-image-wrap .central-header-zone {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}




/* ------------------------------------------------------------------------- *
 *  HEADER MEDIA QUERIES FOR TOPNAV, MAIN HEADER NAV, MOBILE NAV, STICKY MENU
/* ------------------------------------------------------------------------- */

/* TOP NAV */
@media only screen and (min-width: 720px) {
  /* fixed nav */
  /*  .full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999; max-height: 50px; overflow: hidden;}*/

  /*.full-width.topbar-enabled #header { padding-top: 50px; }
  .full-width #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 999;}
  .full-width.admin-bar #nav-topbar.nav-container { top: 32px;  }*/

  /*.header-desktop-sticky.topbar-enabled #header { padding-top: 50px; }
  .header-desktop-sticky #nav-topbar.nav-container { position: fixed; top: 0; left: 0; right: 0; z-index: 999;}
  .header-desktop-sticky.admin-bar #nav-topbar.nav-container { top: 32px;  }
  .full-width #nav-topbar.nav-container { width : 100%;}*/

  /* common */
  #nav-topbar .nav {  }
  #nav-topbar .nav li a { color: #fff; color: rgba(255,255,255,0.7); }
  /* level 1 */
  #nav-topbar .nav > li { border-right: none; }
  #nav-topbar .nav > li > a:hover,
  #nav-topbar .nav > li:hover > a { background-color: rgba(0,0,0,0.1); }
  #nav-topbar .nav li > a:hover,
  #nav-topbar .nav li:hover > a,
  #nav-topbar .nav li.current_page_item > a,
  #nav-topbar .nav li.current-menu-item > a,
  #nav-topbar .nav li.current-menu-ancestor > a,
  #nav-topbar .nav li.current-post-parent > a { color: #fff; }
  /* level 2 & 3 */
  #nav-topbar .nav ul { background: #121d30 url(../img/opacity-10.png) repeat; }
/*  .topbar-transparent #nav-topbar .nav ul { background: #121d30 url(../img/opacity-10.png) repeat;background : rgba(18, 29, 48, 1) url(../img/opacity-10.png) repeat; }*/
  .is-scrolled .topbar-transparent #nav-topbar.desktop-sticky .nav ul {
    background: #121d30 url(../img/opacity-10.png) repeat;
    background-color: rgba(18,29,48,.90);
  }
  #nav-topbar .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  #nav-topbar .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }

  /* New top bar */
  #nav-topbar.desktop-sticky {
    /*max-height: 50px;*/
    height: 50px;
    overflow: hidden;
  }
  .nav ul.sub-menu {
    display: none;
    
  }

  /* HEADER WIDGET ZONE*/
  .header-ads-desktop #header-widgets { float: right; display: block; }
}


/* TOP NAV */
@media only screen and (max-width: 719px) {
  #header { z-index : 9999 }
  /* common */
  #nav-topbar .container { padding-left: 0; }

  /* HEADER WIDGET ZONE*/
  .header-ads-mobile #header-widgets { float:none; display: block; text-align: center; padding-top: 50px; position: relative;}
  .both-menus-mobile-on.header-ads-mobile #header-widgets{ top: 0;}

  /* LOGO AND TAGLINE GROUP */
  #header .logo-tagline-group{display: none;}
  #header.both-menus-mobile-on .logo-tagline-group{display: block;}
}





/* HEADER NAV */
@media only screen and (min-width: 720px) {
  /* common */
  #nav-header .nav {  }
  #nav-header .nav li a { color: #fff; color: rgba(255,255,255,0.7); }
  /* level 1 */
  #nav-header .nav > li { border-right: none; }
  #nav-header .nav > li > a:hover,
  #nav-header .nav > li:hover > a { background: rgba(0,0,0,0.1); }
  #nav-header .nav li > a:hover,
  #nav-header .nav li:hover > a,
  #nav-header .nav li.current_page_item > a,
  #nav-header .nav li.current-menu-item > a,
  #nav-header .nav li.current-menu-ancestor > a,
  #nav-header .nav li.current-post-parent > a { color: #fff; }
  /* level 2 & 3 */
  #nav-header .nav ul { background: #454e5c url(../img/opacity-10.png) repeat; }
  #nav-header .nav ul li { box-shadow: 0 1px 0 rgba(255,255,255,0.06); -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
  #nav-header .nav ul li:last-child { box-shadow: none; -webkit-box-shadow: none; }
}


@media only screen and (max-width: 719px) {
  /* common */
  #nav-header.nav-container  { border-left: 0; border-right: 0; }
  #nav-header .container { padding: 0; }
  #nav-header .nav { padding-bottom: 20px; }
  #header-image-wrap { position: relative; }
}







/* MOBILE MENU : RULES FOR MENU ITEMS BELOW 719px
 => Applies to mobile menu if set to topnav, main or mobile
*/
@media only screen and (max-width: 719px) {
  #header .nav-container .nav li a { color: #fff; color: rgba(255,255,255,0.9); border-top: 1px solid rgba(255,255,255,0.06); }
  #header .hu-dropdown-toggle { color: #fff; color: rgba(255,255,255,0.9); }
  /* level 1 */
  #header .nav-container .nav li > a:hover { background: rgba(0,0,0,0.15); color: #fff; }
  #header .nav-container .nav li.current_page_item > a,
  #header .nav-container .nav li.current-menu-item > a,
  #header .nav-container .nav li.current-post-parent > a { text-decoration: underline; background: rgba(0,0,0,0.15); color: #fff; }

  #header .hu-dropdown-toggle:hover
  #header .nav-container .nav li.current_page_item > .hu-dropdown-toggle,
  #header .nav-container .nav li.current-menu-item > .hu-dropdown-toggle,
  #header .nav-container .nav li.current-post-parent > .hu-dropdown-toggle { color: #fff }
}








/* STICKY MENU */
@media only screen and (max-width: 719px) {
  .mobile-menu {
    display: block;
  }
  .desktop-menu {
    display: none;
  }
  .fixed-header-on .mobile-sticky {
    position: fixed;
    width: 100%;
    -webkit-transition: -webkit-transform 0.35s ease-in-out,background-color 0.4s ease-in-out;
    -moz-transition: -moz-transform 0.35s ease-in-out,background-color 0.4s ease-in-out;
    -o-transition: -o-transform 0.35s ease-in-out,background-color 0.4s ease-in-out;
    transition: -webkit-transform 0.35s ease-in-out,-moz-transform 0.35s ease-in-out,-o-transform 0.35s ease-in-out,transform 0.35s ease-in-out,background-color 0.4s ease-in-out;
  }
  .fixed-header-on .mobile-sticky.fast {
    -webkit-transition: -webkit-transform 0.10s ease-in-out,background-color 0.4s ease-in-out;
    -moz-transition: -moz-transform 0.10s ease-in-out,background-color 0.4s ease-in-out;
    -o-transition: -o-transform 0.10s ease-in-out,background-color 0.4s ease-in-out;
    transition: -webkit-transform 0.10s ease-in-out,-moz-transform 0.10s ease-in-out,-o-transform 0.10s ease-in-out,transform 0.10s ease-in-out,background-color 0.4s ease-in-out;
  }

  .header-mobile-sticky #header-image-wrap {
    position: relative;
  }
  /* Make sure that we don't need to wait DOM ready js event to have the mobile menu sticky */
  /* Otherwise, while waiting for fixed-header-on class to be added ( typically longer if we have a header image ), we might see an unwanted layer of header content disappearing when sticky header set */
  .header-mobile-sticky .mobile-sticky {
    position: fixed;
    width: 100%;
  }
  .header-mobile-sticky #header-image-wrap { padding-top: 50px; }
  /* Fixes https://github.com/presscustomizr/hueman/issues/527 */
  .header-mobile-sticky #header { min-height: 50px; }
}
/* STICKY MENU */
@media only screen and (min-width: 720px) {
  .header-desktop-sticky.topbar-enabled #header { padding-top: 50px; }
  .header-desktop-sticky #nav-topbar.nav-container { position: fixed; z-index: 999; top: 0;}
  .header-desktop-sticky.admin-bar #nav-topbar.nav-container { top: 32px;  }

  .full-width #nav-topbar.nav-container { width : 100%; top: 0; left: 0; right: 0; }
  .fixed-header-on .desktop-sticky { position: fixed; }
  .full-width .fixed-header-on .desktop-sticky { width: 100%; }
  .boxed .desktop-sticky { width: 1380px; }
  .fixed-header-on .topbar-toggle-down {
    -webkit-transition:background-color 0.4s ease-in-out;
    -moz-transition: background-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out;
    transition: background-color 0.4s ease-in-out;
  }
}








/* NEW RULES FOR MOBILE MENUS BASED ON USER OPTIONS */
@media only screen and (max-width: 719px) {
   /* TITLE AND LOGO IN ACTIVE MOBILE MENU ( if not both menus are enabled for mobiles ) */
  #header .mobile-title-logo-in-header {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    width: 75vw;
    position: relative;
  }
  .both-menus-mobile-on .mobile-title-logo-in-header {display: none!important;}
  #header .mobile-title-logo-in-header .site-title {
    height: 100%;
    width: auto;
    /*text-align: center;*/
    z-index: 3;
    overflow: hidden;
    left: 13px;
    position: relative;
    max-width: 72vw;
    line-height: inherit;
    padding: 0;
  }
  #header .mobile-title-logo-in-header .site-title a img {
    max-height: 45px;
    max-width: 75%;
    margin: inherit;
  }
  #header .mobile-title-logo-in-header .site-title a {
    font-size: 0.6em;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    display: inline-block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    color: #fff;
  }
/*  .central-header-zone { display: none;}
  .both-menus-mobile-on .central-header-zone { display: block;}*/

/*  #nav-topbar { display: none;}
  .top-menu-mobile-on #nav-topbar { display: block;  }

  #nav-header { display: none; }
  .main-menu-mobile-on #nav-header {display: block; }*/

  .both-menus-mobile-on #nav-topbar, .both-menus-mobile-on #nav-header { display: block; }

  /* set nav-topbar to position fixed if both menu mobile are actived */
  /* adjust the header padding top */
  .top-menu-mobile-on #nav-topbar .toggle-search { display: none;}

  /* Hide main-header-search */
  #main-header-search {
    display: none;
  }
}/* ------------------------------------------------------------------------- *
 *  Section: Page
/* ------------------------------------------------------------------------- */
#page { padding-bottom: 60px; margin-top: -60px; }
#page .container-inner { background: #fff;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
box-shadow: 0 1px 1px rgba(0,0,0,0.1); }


/* ------------------------------------------------------------------------- *
 *  Post Entry
/* ------------------------------------------------------------------------- */
.content .post,
.content .page { position: relative; overflow: hidden; }

.blog .post,
.single .post,
.archive .post,
.search .post,
.search .grid-item,
.search .page { margin-bottom: 40px; }

.sticky {}

/*  post : search
/* ------------------------------------ */
.search .page.type-page .post-meta { display: none; }

/*  post : featured
/* ------------------------------------ */
#flexslider-featured .flex-direction-nav { position: absolute; top: -50px; left: auto; right: 0; }
#flexslider-featured .flex-direction-nav li { float: left; margin-left: 3px; }
#flexslider-featured .flex-direction-nav li:first-child { float: left; }
#flexslider-featured .flex-direction-nav li:last-child { float: right; }
#flexslider-featured .flex-direction-nav a { background: #fff; color: #bbb; font-size: 24px; line-height: 24px; position: relative; width: 34px; height: 36px; margin: 0 0 0; display: block; text-align: center; cursor: pointer; text-indent: -999px; overflow: hidden; opacity: 1;
-webkit-border-radius: 0; border-radius: 0;
-webkit-box-shadow: none; box-shadow: none;
-webkit-transition: all .3s ease; transition: all .3s ease; }
#flexslider-featured .flex-direction-nav a:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 23px; position: absolute; text-align: center; left: 0; right: 0; top: 8px; text-indent: 0; }
#flexslider-featured .flex-direction-nav .flex-next:before { content:"\f054"; }
#flexslider-featured .flex-direction-nav .flex-prev:before { content: "\f053"; }

/* June 2020 for https://github.com/presscustomizr/hueman/issues/905 */
.hu-fa-not-loaded #flexslider-featured .flex-direction-nav .flex-next:before { content:"\00a0"; }
.hu-fa-not-loaded #flexslider-featured .flex-direction-nav .flex-prev:before { content:"\00a0"; }

#flexslider-featured .flex-direction-nav .flex-next:hover,
#flexslider-featured .flex-direction-nav .flex-prev:hover { opacity: 1; color: #16cfc1; }

#flexslider-featured .flex-control-nav { position: absolute; top: -15px; bottom: auto; }
#flexslider-featured .flex-control-nav li { margin: 0; padding: 0; margin-right: 2px; float: left; }
#flexslider-featured .flex-control-nav li a { background: #ddd; width: 20px; height: 2px; text-indent: -999px; overflow: hidden;
-webkit-border-radius: 0; border-radius: 0;
-webkit-box-shadow: none; box-shadow: none; }
#flexslider-featured .flex-control-nav li a:hover { background: #ccc; }
#flexslider-featured .flex-control-nav li a.flex-active { background: #16cfc1; }

.featured,
.featured.flexslider { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #eee; }
.featured .post { margin-bottom: 0; }
.featured .post-title { font-size: 2.125em; letter-spacing: -0.7px; line-height: 1.4em; }

/* Featured Image */
/* @see the add_image_size() definitions in functions/init-after-setup-theme.php */
#flexslider-featured .featured-img-thumb-xxlarge { max-height: 500px;overflow: hidden; }
#flexslider-featured .featured-img-thumb-xlarge { max-height: 450px;overflow: hidden; }
#flexslider-featured .featured-img-thumb-large { max-height: 360px;overflow: hidden; }

/* woocommerce */
.products .featured { border-bottom: none }
/* end woocommerce */


/*  post : custom loop
/* ------------------------------------ */
.post-list { margin-right: -30px; }
.post-list .post-row { margin-left: -30px; padding-left: 30px; float: left; width: 100%; border-bottom: 1px solid #eee; margin-bottom: 30px; position: relative; }
.post-list .post-row:last-child { border: none; margin-bottom: 0; }
.post-list .post,
.post-list .grid-item,
.post-list .page { width: 50%; float: left; }
.post-list .post-inner { margin-right: 30px; }
.post-hover:hover .post-thumbnail { opacity: 0.75; }
.post-hover:hover .post-title a { color: #16cfc1; }
.post-hover:hover .thumb-icon { background: #fff; color: #111; }
/* Maybe avoid flickering on post hover */
.post-hover, .post-hover .post-thumbnail {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.post-thumbnail { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.post-thumbnail { position: relative; margin-bottom: 1em; }
.post-thumbnail img { display: block; width: 100%; height: auto; }

.post-comments { background: #efb93f; font-size: 0.75rem; line-height: 1.66rem; color: #fff; display: block; position: absolute; top: 10px; right: 0;
-webkit-box-shadow: inset -1px 0 1px rgba(0,0,0,0.2);
box-shadow: inset -1px 0 1px rgba(0,0,0,0.2);
padding: 2px 7px;
z-index:2;
}
.post-comments::before { content:''; display: inline-block; border-left: 9px solid transparent; border-right: 9px solid #efb93f; border-top: 9px solid transparent; border-bottom: 9px solid transparent; position: absolute; top: 3px; left: -16px; }
.post-comments i { margin-right: 4px; font-size: .95em;}
.post-comments:hover { color: #fff!important; padding-right: 11px;}
/* don't display the comments on attachment in a search result page */
.search-results .attachment a.post-comments {display: none!important; }

.post-meta { text-transform: uppercase; font-size: 0.875em; font-weight: 400; color: #bbb; margin-bottom: 0.3em; }
.post-meta .post-category { float: left; margin-right: 6px; }
.post-meta .post-date { float: left; }

.post-title { color: #444; font-weight: normal; margin-bottom: 10px; font-size: 1.375em; font-weight: 400; line-height: 1.5em; -ms-word-wrap: break-word; word-wrap: break-word; }
.post-title strong { font-weight: 600; }
.post-title i { font-style: italic; }
.post-title a { color: #444; }
.post-title a:hover { color: #16cfc1; }

.entry.excerpt { font-size: 1em; color: #767676; }
.entry.excerpt p { margin-bottom: 0; }

/*  post : standard loop
/* ------------------------------------ */
.blog .post-standard,
.single .post-standard,
.archive .post-standard,
.search .post-standard { margin-bottom: 20px; }

.post-standard .post-inner { padding-bottom: 20px; float: left; border-bottom: 1px solid #eee; }
.post-standard.excerpt .post-inner { padding-left: 230px; padding-bottom: 20px; float: left; border-bottom: 1px solid #eee; }

.post-standard .post-thumbnail { margin-left: -230px; max-width: 200px; margin-bottom: 0; float: left; }
.post-standard .post-content { float: left; }


/* ------------------------------------------------------------------------- *
 *  Single
/* ------------------------------------------------------------------------- */
.single .post-title { font-size: 2.62em; letter-spacing: -1px; line-height: 1.5em; }
.single .post-inner .post-thumbnail { margin-bottom: 2em; }
.post-byline { font-size: 0.875em; font-weight: 400; color: #aaa; text-transform: uppercase; margin-bottom: 1em; }

.entry.share { padding-right: 100px; min-height: 354px; /* share buttons height */ position: relative; }
.entry.share .entry-inner { float: left; width: 100%; }

/*  single : sharrre
/* ------------------------------------ */
.sharrre-container { float: right; width: 50px; padding: 0 10px; margin-right: -100px;
-webkit-border-radius: 4px; border-radius: 4px; }
.sharrre-container span { color: #aaa; display: block; text-align: center; text-transform: uppercase; font-size: 0.6875em; }
.sharrre { padding: 10px 0 0; }
.sharrre .box { width: 50px; display: block; }
.sharrre .count { background: #eee; color: #333; display: block; font-size: 15px; font-weight: 900; line-height: 30px; position: relative; text-align: center;
-webkit-border-radius: 4px; border-radius: 4px; }
.sharrre .count:after { content:''; display: block; position: absolute; left: 49%; width: 0; height: 0; border: solid 6px transparent; border-top-color: #eee; margin-left: -6px; bottom: -12px; }
.sharrre .share { display: block; font-size: 1.75em; font-weight: 600; line-height: 32px; margin-top: 12px; padding: 0; text-align: center; text-decoration: none; }
.sharrre .box .share,
.sharrre .box .count { -webkit-transition: all .3s ease; transition: all .3s ease; }
.sharrre .box:hover .share,
.sharrre .box:hover .count { color: #444!important; }
.sharrre#twitter .share,
.sharrre#twitter .box .count { color: #00acee; }
.sharrre#facebook .share,
.sharrre#facebook .box .count { color: #3b5999; }
.sharrre#googleplus .share,
.sharrre#googleplus .box .count { color: #cd483c; }
.sharrre#pinterest .share,
.sharrre#pinterest .box .count { color: #ca2128; }
.sharrre#linkedin .share,
.sharrre#linkedin .box .count { color: #15669a; }
.sharrre-container.no-counter .box .count {display:none;}

/*  single : post pages
/* ------------------------------------ */
.post-pages { font-weight: 600; margin-bottom: 20px; }

/*  single : tags
/* ------------------------------------ */
.post-tags { margin-bottom: 40px; }
.post-tags span { font-size: 0.875em; color: #999; display: inline-block; margin: 0 7px 0 0; }
.post-tags a {
  background: #f2f2f2;
  display: inline-block;
  line-height: 1.666em;
  white-space: normal;/* fixed problem with long tag https://github.com/presscustomizr/hueman/issues/764 */
  font-size: 0.75em;
  color: #999;
  padding: 3px 7px;
  margin: 0 5px 2px 0;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
.post-tags a:hover { background-color: #16cfc1; color: #fff; }

/*  single : author bio
/* ------------------------------------ */
.author-bio { border: 2px solid #eee; position: relative; padding: 15px 15px 10px 95px; color: #888; margin-bottom: 40px; }
.author-bio:before { content:''; display: inline-block; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eee; position: absolute; top: -8px; left: 13px; }
.author-bio:after { content:''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; position: absolute; top: -5px; left: 15px; }
.author-bio .bio-avatar { float: left; margin: 0 0 8px -80px; width: 64px; height: auto; position: relative; }
.author-bio .bio-avatar:after { background: #16cfc1; position: absolute; right: 0; bottom: 0; padding: 4px 4px; content: "\f303"; color: #fff; font-size: 12px; line-height: 12px; width: 12px; font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; text-align: center; -webkit-border-radius: 3px; border-radius: 3px; }
.author-bio .bio-avatar img { display: block; width: 100%; height: auto; -webkit-border-radius: 3px; border-radius: 3px; }
.author-bio p { margin-bottom: 8px; }
.author-bio .bio-name { color: #444; font-weight: 600; margin-bottom: 4px; }
.author-bio .bio-desc { color: #888; font-size: 0.9375em; line-height: 1.5em; }

/*  single : related posts
/* ------------------------------------ */
.related-posts { border-bottom: 2px solid #eee; margin-bottom: 40px; }
.related-posts li { width: 33.3%; float: left; display: inline; }
.related-posts .post { border-right: 1px solid transparent; margin-bottom: 0; padding-bottom: 10px; }
.related-posts li:nth-child(4) article { display: none; }
.related-posts li:nth-child(3) article { border-right-color: transparent; }
.related-posts .related-inner { padding: 0 20px 0 0; }
.single .related-posts .post-title { margin-bottom: 10px; font-size: 1.0625em; font-weight: 300; line-height: 1.5em; letter-spacing: 0; display: block; }
.related-posts .post .post-thumbnail {
  max-height: 245px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; /* align horizontal */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  width: 100%;
}
.related-posts .post .post-thumbnail .hu-rel-post-thumb { width: 100%}

/*  single : post-nav
/* ------------------------------------ */
.post-nav li { width: 100%; display: inline; float: left; text-align: center;min-height: 4.56em;}
.post-nav li a { position: relative; display: block; padding:0.3em 40px 0.3em; }
.post-nav li i { color: #ccc; font-size: 1.125em; position: absolute; top: 50%; margin-top: -10px; }
.post-nav li > strong { 
    display: block;
    font-size: .75em;
    color: #aaa;
    letter-spacing: .5px;
    font-weight: 400;
    text-transform: uppercase;
    padding-top: 1em;
}
.post-nav li a span { font-size: 0.9375em; color: #666; }
.post-nav li a:hover span { color: #444; }
.post-nav li.previous i { left: 10px; }
.post-nav li.next i { right: 10px; }
.post-nav li a span,
.post-nav li a i {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out; }


/*  Page title
/* ------------------------------------ */
.page-title { background: #fff; position: relative; padding-top: 18px; padding-bottom: 17px; border-bottom: 1px solid #eee; color: #666; font-size: 1em; font-weight: 600; text-transform: uppercase; line-height: 1.5rem; }
/*.page-title h1 { font-size: 1.3em} <= commenting this for fixing issue https://github.com/presscustomizr/hueman/issues/535 */
.page-title a { color: #aaa; }
.page-title a:hover { color: #444; }
.page-title span { color: #aaa; }
.page-title i { margin-right: 8px; }
.page-title h1,
.page-title h2,
.page-title h4 { color: #666; }
.page-title .meta-single li { float: left; margin-right: 14px; }
.page-title .meta-single li.comments { float: right; margin-right: 0; }

/* sidebar-specific */
.sidebar .post-nav li a { border-top: 1px solid #eee; border-bottom: 1px solid #ddd; }
.sidebar .post-nav li a:hover { background: #ebebeb; background: rgba(0,0,0,0.02); }
.sidebar .post-nav li.previous a,
.sidebar .post-nav li.next a { border-bottom: 1px solid #ddd; }
.sidebar.s1 .post-nav li a:hover i { color: #16cfc1; }
.sidebar.s2 .post-nav li a:hover i { color: #efb93f; }

/* content-specific */
.content .post-nav { border-top: 2px solid #eee; border-bottom: 2px solid #eee; margin-bottom: 40px;  }
.content .post-nav li { width: 50%; }
.content .post-nav li.next { float: right; -webkit-box-shadow: -1px 0 0 #eee, inset 1px 0 0 #eee; box-shadow: -1px 0 0 #eee, inset 1px 0 0 #eee; }
.content .post-nav li.next a { padding-left: 24px; }
.content .post-nav li.previous { float: left; -webkit-box-shadow: 1px 0 0 #eee, inset -1px 0 0 #eee; box-shadow: 1px 0 0 #eee, inset -1px 0 0 #eee; }
.content .post-nav li.previous a { padding-right: 24px; }
.content .post-nav li a:hover i { color: #16cfc1; }

/* External Links style */
a > span.hu-external:after {
  content: '\f35d';
  color: #16cfc1;
  font-size: 0.8em;
  line-height: 0;
  padding-left: 0;
  text-decoration: none!important;
  top: -.1em;
  left: .3em;
  margin-right:.2em;
  position: relative;
  text-transform: none;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

/*  Gutenberg
/* ------------------------------------ */
.alignfull.wp-block-audio audio,
.alignwide.wp-block-audio audio,
.alignfull.wp-block-video video,
.alignwide.wp-block-video video {
    width: 100%;
}

/*
 * Real alignfull and alignwide
 * allowed only in layouts with no sidebars and full-width
 */
.full-width.col-1c #wrapper {
    overflow-x: hidden;
}
.content .post,
.content .page {
    overflow: visible;
}
/* alignfull */
/*
the cover image block has been renamed cover. @see https://github.com/WordPress/gutenberg/pull/10659
but posts created with the former cover-image block will still use the wp-block-cover-image class
 */
.full-width.col-1c .themeform .alignfull[class*=wp-block-] {
    width: 100vw;
    max-width: 100vw;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}
.full-width.col-1c .themeform .alignfull[class*=wp-block-]:not(.has-parallax) {
    left: 50%;
    -moz-transform: translateX(-50);
    -webkit-transform: translateX(-50);
    transform: translateX(-50%);
}
.full-width.col-1c .themeform .alignfull[class*=wp-block-].has-parallax:not(.hu-alignfull-p) {
    width: 100%;
}
/* alignwide and alignfull in boxed layouts */
/* only reset the .hu-pad container horizontal padding*/
.themeform .alignfull[class*=wp-block-],
.themeform .alignwide[class*=wp-block-] {
    margin-right: -15px;
    margin-left: -15px;
    clear: both;
    width: auto;
    max-width: 100vw;
    min-width: 100%;
}
/* inherit the .main background color */
.alignfull[class*=wp-block-]:not(.wp-block-cover):not(.wp-block-cover-image):not(.wp-block-image) {
    background-color: #fff;
}
.entry .wp-block-gallery {
    margin: 0;
}/* ------------------------------------------------------------------------- *
 *  Post Formats
/* ------------------------------------------------------------------------- */

/*  post format : common
/* ------------------------------------ */
.post-format { position: relative; margin-bottom: 2em; }
.post-format p { margin-bottom: 1em; }
.post-format .format-container { background: #f1f1f1; padding-bottom: 10px; border-left: 3px solid #16cfc1; }
.post-format .format-container .far,
.post-format .format-container .fas { color: #ccc; font-size: 2.25em; float: right; margin: 0 0 20px 20px; }

/*  post format : image
/* ------------------------------------ */
.format-image { }

/*  post format : video
/* ------------------------------------ */
.format-video { }

/*  post format : quote
/* ------------------------------------ */
.format-quote .post-format {  }
.format-quote .post-format blockquote { font-size: 1.375em; font-weight: 400; line-height: 1.4em; font-style: italic; }
.format-quote .post-format .quote-author { font-style: italic; }

/*  post format : link
/* ------------------------------------ */
.format-link .post-format p { font-size: 1.375em; font-weight: 400; line-height: 1.4em; font-style: italic; }

/*  post format : chat
/* ------------------------------------ */
.format-chat .post-format p { font-style: italic; }

/*  post format : status
/* ------------------------------------ */
.format-status .post-title { display: none; }
.single .format-status .entry { font-size: 1.5em; line-height: 1.4em; }

/*  post format : aside
/* ------------------------------------ */
.format-aside .post-title { display: none; }

/*  post format : gallery
/* ------------------------------------ */
.format-gallery .post-format .flexslider { overflow: visible; padding-bottom: 30px; margin-bottom: -20px; }
.format-gallery .post-format .flexslider .slides { background: #262626; overflow: hidden; position: relative; }
.format-gallery .post-format .flexslider .slides img { max-height: 405px; width: auto; max-width: 100%; -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.6); box-shadow: 0 0 30px rgba(0,0,0,0.6); }
.format-gallery .post-format .flexslider .flex-control-nav { bottom: 1px; }
.format-gallery .post-format .flex-direction-nav a:before { color: #fff; }

/*  post format : audio
/* ------------------------------------ */
.format-audio .post-format a,
.format-audio .post-format i { font-size: 1em; line-height: 1.375em; }
#page .format-audio .post-format img {
-webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-left-radius: 0; }

/* jplayer */
.jp-interface { background-color: #444; }
.jp-play-bar,
.jp-volume-bar-value { background-color: #efb93f; }
.jp-progress { background-color: #262626; }
.jp-volume-bar { border: 1px solid #262626; }
.jp-seek-bar,
.jp-volume-bar { background-color: #383838; }
.jp-interface a { color: #bbb; text-shadow: 0 -1px 0 rgba(0,0,0,0.6); }
.jp-interface a:hover { color: #eee; }
.jp-progress-container,
.jp-volume-bar-container { border-left: 1px solid #333; }
.jp-audio,
.jp-interface,
.jp-progress,
.jp-seek-bar { width: 100%; min-width: 100%; }
.jp-interface { position: relative; overflow: hidden;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.06), inset 0 -1px 0 rgba(0,0,0,0.3);  }
.jp-interface .jp-controls { list-style-type: none; padding: 0; margin: 0; }
.jp-interface .jp-controls li { display: inline; }
.jp-interface .jp-controls a { position: absolute; }
.jp-interface .jp-controls a i { display: block; }
.jp-play, .jp-pause { width: 25px; height: 30px; z-index: 1; outline: none; margin: 12px 0 0 9px;}
.jp-play, .jp-pause { top: 0; left: 0; }
.jp-progress-container { margin-left: 34px; margin-right: 84px; height: 6px; padding: 20px 10px; }
.jp-progress { overflow: hidden; }
.jp-progress { height: 5px; padding: 1px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06);
box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
.jp-seek-bar { width: 0px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px; }
.jp-play-bar { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
.jp-volume-bar-container { width: 40px; height: 6px; padding: 20px 10px 20px 33px; position: absolute; top: 0; right: 0; }
.jp-volume-bar { position: relative; overflow: hidden; width: 38px; height: 5px; cursor: pointer; -webkit-border-radius: 1px; border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.06);
box-shadow: 0 1px 0 rgba(255,255,255,0.06); }
.jp-volume-bar { top: 0; left: 0; }
.jp-volume-bar-value { width: 0px; height: 5px; -webkit-border-radius: 1px; border-radius: 1px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.25); }
.jp-mute, .jp-unmute { width: 17px; z-index: 1; outline: none; margin-top: 10px; }
.jp-mute, .jp-unmute { top: 2px; right: 58px; }
.jp-unmute { display: none; }
.jp-jplayer { width:0px; height:0px; }/* ------------------------------------------------------------------------- *
 *  Widgets
/* ------------------------------------------------------------------------- */
/* Placeholder */

.hu-placeholder-widget {
  background: white;
  padding: 7%;
  text-align: center;
  border: 3px dotted #efb93f;
  font-size: 0.875em;
}
.hu-placeholder-widget .zone-name {
  font-size: 1.1875em;
}


.widget { color: #777; font-size: 0.9375em; overflow: hidden; }
.widget a { color: #777; }
.widget a:hover { color: #444; }
.widget > h3 { font-size: 0.9375em; font-weight: 400; text-transform: uppercase; margin-bottom: 6px; }
.widget > h3 a,
.widget > h3 a:hover { color: #444; }
.widget > h3 a img { display: none; float: left; margin: 3px 7px 0 0; }
.widget select { border: 1px solid #ddd; color: #777; font-size: 0.9375em; padding: 7px; width: 100%; max-width: 100%; }
#footer .widget select { border-color: #eee; }

.sidebar .widget { padding: 30px 30px 20px; }
#footer .widget { padding-bottom: 30px; }
#footer .widget a:hover { color: #666; }

/*  widgets : icons
/* ------------------------------------ */
.widget > ul li:before,
.widget > ul li a:before,
.widget div > ul li a:before,
.widget_calendar caption:before {font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal;	font-variant: normal; text-rendering: auto;	font-size: 12px; margin-right: 6px;	color: #ccc; display: inline-block!important; width: 1em; text-align: center;}

.widget > ul li a:hover:before { color: #999; }

.widget_calendar caption:before,
.widget_archive ul > li a:before { content: "\f073"; position:relative; top:-.1em; }
.widget_categories ul > li a:before { content: "\f07c"; }
.widget_links ul > li a:before { content: "\f35d"; }
.widget_meta ul > li a:before { content: "\f0da"; }
.widget_recent_comments ul > li:before { content: "\f075"; }
.widget_recent_entries ul > li a:before { content: "\f017"; }

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


/* June 2020 for https://github.com/presscustomizr/hueman/issues/905 */
.hu-fa-not-loaded .widget_calendar caption:before,
.hu-fa-not-loaded .widget_archive > ul > li a:before { content: "";}
.hu-fa-not-loaded .widget_categories > ul > li a:before { content: ""; }
.hu-fa-not-loaded .widget_links > ul > li a:before { content: ""; }
.hu-fa-not-loaded .widget_meta > ul > li a:before { content: ""; }
.hu-fa-not-loaded .widget_recent_comments > ul > li:before { content: ""; }
.hu-fa-not-loaded .widget_recent_entries > ul > li a:before { content: ""; }
.hu-fa-not-loaded .widget_pages ul li a:before,
.hu-fa-not-loaded .widget_nav_menu ul li a:before { content: ""; }

/*  widgets : common
/* ------------------------------------ */
.widget_search > h3,
.widget_text > h3,
.widget_tag_cloud > h3,
.widget_calendar > h3 { margin-bottom: 1em; }

.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li,
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_rss ul li,
.widget_pages ul li a,
.widget_nav_menu ul li a,
.alx-tab li,
.alx-posts li { padding: 10px 0; border-bottom: 1px solid #e4e4e4; }

#footer .widget_archive ul li,
#footer .widget_categories ul li,
#footer .widget_links ul li,
#footer .widget_meta ul li,
#footer .widget_recent_comments ul li,
#footer .widget_recent_entries ul li,
#footer .widget_rss ul li,
#footer .widget_pages ul li a,
#footer .widget_nav_menu ul li a,
#footer .alx-tab li,
#footer .alx-posts li,
#footer .widget_calendar th,
#footer .widget_calendar td { border-color: #f2f2f2; }

.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li { color: #bbb; }

.widget_recent_comments ul li,
.widget_recent_entries ul li { color: #999; }
.widget_recent_entries .post-date { display: block; }

/*  widget : categories
/* ------------------------------------ */
.widget_categories ul.children { padding-left: 15px; }
.rtl .widget_categories ul.children { padding-right: 15px; }

.widget_categories ul.children > li {
  border-bottom: none;
}

/*  widget : pages / custom menu
/* ------------------------------------ */
.widget_pages ul li a,
.widget_nav_menu ul li a { display: block; }
.widget_pages li li a,
.widget_nav_menu li li a { padding-left: 15px; }
.widget_pages li li li a,
.widget_nav_menu li li li a { padding-left: 30px; }
.widget_pages ul ul,
.widget_pages ul ul ul,
.widget_nav_menu ul ul,
.widget_nav_menu  ul ul ul { border: 0; }

/*  widget : rss
/* ------------------------------------ */
.widget_rss ul li a { display: block; }
.widget_rss ul li span.rss-date { color: #444; font-weight: 600; display: block; text-transform: uppercase; font-size: 0.75em; }
.widget_rss ul li cite { color: #999; }

.sidebar.s1 .widget_rss ul li a,
#footer .widget_rss ul li a { color: #16cfc1; }
.sidebar.s2 .widget_rss ul li a { color: #efb93f; }

/*  widget : search
/* ------------------------------------ */
.widget_search input.search { color: #999; padding-left: 26px; width: 100%; }
.widget_search #searchsubmit { display: none; }

/*  widget : text
/* ------------------------------------ */
.widget_text .textwidget p { margin-bottom: 1em; }

/*  widget : calendar
/* ------------------------------------ */
.widget_calendar a { font-weight: 600; }
.widget_calendar a:hover { color: #444!important; }
.widget_calendar #wp-calendar { width: 100%; }
.widget_calendar caption { color: #fff; padding: 5px 10px; }
.widget_calendar caption:before { color: #fff; color: rgba(255,255,255,0.7); font-size: 15px; }
.widget_calendar thead { background: #e2e2e2; -webkit-box-shadow: 0 1px 0 #ddd; box-shadow: inset 0 -1px 0 #ddd; }
#footer .widget_calendar thead { background: #f2f2f2; }
.widget_calendar th { font-weight: 600; }
.widget_calendar th,
.widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid #e2e2e2; }
.widget_calendar .hu-pad { padding: 0!important; }

.sidebar.s1 .widget_calendar a,
#footer .widget_calendar a { color: #16cfc1; }
.sidebar.s1 .widget_calendar caption,
#footer .widget_calendar caption{ background: #16cfc1; }
.sidebar.s2 .widget_calendar a { color: #efb93f; }
.sidebar.s2 .widget_calendar caption { background: #efb93f; }

/*  custom widget : alxtabs / alxposts
/* ------------------------------------ */
.alx-tabs-nav { border-bottom: 3px solid #ddd; margin-bottom: 10px; text-align: center; }
.alx-tabs-nav.tab-count-1 li { width: 100%; }
.alx-tabs-nav.tab-count-2 li { width: 50%; }
.alx-tabs-nav.tab-count-3 li { width: 33.333%; }
.alx-tabs-nav.tab-count-4 li { width: 25%; }
.alx-tabs-nav li { display: block; float: left; }
.alx-tabs-nav li a { font-size: 1.125em; display: block; padding: 8px 0; margin-bottom: -3px; border-bottom: 3px solid transparent; }
.alx-tabs-nav li a:hover { border-bottom-color: #ccc; }
.alx-tabs-nav li.active a,
#footer .alx-tabs-nav li.active a { color: #444; /* background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, #fff 100%) 0 0 rgba(0,0,0, 0); */ }
.alx-tabs-nav li a span { display: none; }
#footer .alx-tabs-nav { border-bottom-color: #eee; }
#footer .alx-tabs-nav li a:hover { border-bottom-color: #ddd; }

.sidebar.s1 .alx-tabs-nav li.active a,
#footer .alx-tabs-nav li.active a { border-bottom-color: #16cfc1; }
.sidebar.s2 .alx-tabs-nav li.active a { border-bottom-color: #efb93f; }

.alx-tab li,
.alx-posts li { font-weight: 400; line-height: 1.4em; overflow: hidden; }
.alx-tab a,
.alx-posts a { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.alx-tab img,
.alx-posts img { display: block; width: 100%; height: auto; }
.alx-tab.thumbs-enabled li{ padding-left: 94px; }
.alx-tab .tab-item-thumbnail {
  width: 80px;
  height: 80px;
  margin-left: -94px;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; /* align horizontal */
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.alx-tab .tab-item-thumbnail,
.alx-posts .post-item-thumbnail { position: relative; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.alx-tab.avatars-enabled li{ padding-left: 62px; }
.alx-tab .tab-item-avatar { margin-left: -62px; width: 48px; float: left; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.alx-tab .tab-item-category,
.alx-posts .post-item-category { color: #aaa; text-transform: uppercase; font-size: 0.8125em; }
.alx-tab .tab-item-title a,
.alx-tab .tab-item-comment a,
.alx-posts .post-item-title a { color: #444; }
.alx-tab .tab-item-category a:hover,
.alx-posts .post-item-category a:hover { color: #444!important; }
.alx-tab .tab-item-title,
.alx-tab .tab-item-comment,
.alx-posts .post-item-title { margin: 2px 0; -ms-word-wrap: break-word; word-wrap: break-word; }
.alx-tab .tab-item-date,
.alx-tab .tab-item-name,
.alx-posts .post-item-date  { text-transform: uppercase; color: #aaa; font-size: 0.8125em; }
.alx-tab .thumb-icon.small { bottom: 8px; left: 8px; }
.alx-tab li:hover .tab-item-thumbnail,
.alx-tab li:hover .tab-item-avatar,
.alx-posts li:hover .post-item-thumbnail { opacity: 0.75; }
.alx-tab li:hover .thumb-icon,
.alx-posts li:hover .thumb-icon { background: #fff; color: #111; }

.sidebar.s1 .alx-tab .tab-item-category a,
.sidebar.s1 .alx-posts .post-item-category a,
.sidebar.s1 .alx-tab li:hover .tab-item-title a,
.sidebar.s1 .alx-tab li:hover .tab-item-comment a,
.sidebar.s1 .alx-posts li:hover .post-item-title a,
#footer .alx-tab .tab-item-category a,
#footer .alx-posts .post-item-category a,
#footer .alx-tab li:hover .tab-item-title a,
#footer .alx-tab li:hover .tab-item-comment a,
#footer .alx-posts li:hover .post-item-title a { color: #16cfc1; }
.sidebar.s2 .alx-tab .tab-item-category a,
.sidebar.s2 .alx-posts .post-item-category a,
.sidebar.s2 .alx-tab li:hover .tab-item-title a,
.sidebar.s2 .alx-tab li:hover .tab-item-comment a,
.sidebar.s2 .alx-posts li:hover .post-item-title a { color: #efb93f; }

.alx-posts .post-item-thumbnail { margin-bottom: 10px; }
.alx-posts .post-item-title { font-size: 1em; line-height: 1.5em; }

.sidebar.s1 .alx-posts .post-item-title,
#footer .alx-posts .post-item-title { font-size: 1.125em; line-height: 1.4em; font-weight: 300; }
.sidebar.s1 .alx-posts .post-item-category,
.sidebar.s1 .alx-posts .post-item-date,
#footer .alx-posts .post-item-category,
#footer .alx-posts .post-item-date { font-size: 0.875em; }

/*  custom widget : alxvideo
/* ------------------------------------ */
.widget_hu_video h3 { margin-bottom: 14px; }/* ------------------------------------------------------------------------- *
 *  Comments
/* ------------------------------------------------------------------------- */
/* woocommerce */
.entry .woocommerce .woocommerce-tabs.wc-tabs-wrapper #comments { margin-top: 0;}
/* end woocoommerce */
#comments { margin-top: 20px; }
#pinglist-container { display: none; }

.comment-tabs { border-bottom: 2px solid #eee; margin-bottom: 20px; }

/* woocommerce */
.entry.woocommerce div.product .woocommerce-tabs ul.tabs { border-bottom: 2px solid #eee; margin-bottom: 20px; overflow: visible;  margin: 0; padding: 0; }
.entry.woocommerce div.product .woocommerce-tabs ul.tabs::before {  border-bottom: none; }
.entry.woocommerce div.product .woocommerce-tabs ul.tabs li { padding: 0; font-size: .88em; float: left; margin: 0 0 -2px; background: transparent !important; border: none!important; }
.entry.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.entry.woocommerce div.product .woocommerce-tabs ul.tabs li:before { content: none; }
.entry.woocommerce div.product .woocommerce-tabs ul.tabs li a{ line-height: 1.55em; font-weight: 600; padding: 0 10px 10px; display: block; color: #aaa; border-bottom: 2px solid #eee; }
.entry.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover { color: #444; border-color: #ccc; }
.entry.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color: #16cfc1;  border-bottom-color: #16cfc1; }
.entry.woocommerce div.product .woocommerce-tabs ul.tabs li span { background-color: #eee; padding: 0 6px; margin-left: 8px; -webkit-border-radius: 4px; border-radius: 4px; }
.entry.woocommerce div.product .woocommerce-tabs ul.tabs li i { margin-right: 6px; }
/* end woocommerce */

.comment-tabs li { float: left; margin-bottom: -2px; }
.comment-tabs li a { font-weight: 600; padding: 0 10px 10px; display: block; color: #aaa; border-bottom: 2px solid #eee; }
.comment-tabs li a:hover { color: #444; border-color: #ccc; }
.comment-tabs li span { background-color: #eee; padding: 0 6px; margin-left: 8px; -webkit-border-radius: 4px; border-radius: 4px; }
.comment-tabs li i { margin-right: 6px; }
.comment-tabs li.active a { color: #16cfc1; border-bottom-color: #16cfc1; }

.commentlist, .pinglist { margin-bottom: 20px; }
.commentlist li, .pinglist li { padding-left: 60px; font-size: 0.93rem; line-height: 1.5714rem; font-weight: 400; }
.commentlist .comment-body, .pinglist li { clear: both; position: relative; padding-bottom: 15px; }
.commentlist .comment-author,
.commentlist .comment-meta,
.commentlist .comment-awaiting-moderation { font-size: 0.8125rem; display: block; float: left; line-height: 1.5384rem; }
.commentlist .comment-author { margin-right: 6px; }
.commentlist .fn, .pinglist .ping-link { color: #444; font-size: 0.8125rem; font-style: normal; font-weight: 600; }
.commentlist .says { display: none; }
.commentlist .avatar { position: absolute; left: -60px; top: 0; width: 48px; height: 48px; -webkit-border-radius: 3px; border-radius: 3px; }
.commentlist .comment-meta:before, .pinglist .ping-meta:before { color: #ccc; content: "\f017"; font-family: 'Font Awesome 5 Free'; font-weight: normal; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; font-size: 10px; margin-right: 3px; vertical-align: 4%; }
.commentlist .comment-meta a, .pinglist .ping-meta { color: #aaa; }
.commentlist .reply { font-size: 0.8125rem; line-height: 1.231rem; }
.commentlist .reply a { color: #aaa; }
.commentlist .reply a:hover { color: #444; }
.comment-awaiting-moderation { color: #16cfc1; font-style: normal; }

/* pings */
.pinglist li { padding-left: 0; }

/* comment text */
.commentlist .comment-body p { margin-bottom: 8px; color: #777; clear: both; }
.commentlist .comment-body strong { font-weight: bold; }
.commentlist .comment-body em { font-style: italic; }
.commentlist .comment-body ol li { list-style: decimal; margin-left: 2em; padding: 0; }
.commentlist .comment-body ul li { list-style: square; margin-left: 2em; padding: 0; }

/* post author & admin comment */
.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after { background: #16cfc1; display: block; position: absolute; content: "\f303"; color: #fff; line-height: 12px; width: 12px; font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; text-align: center; }
.commentlist li.comment-author-admin > .comment-body:after { content: "\f005"; /* star for admin */ }
.commentlist li.bypostauthor > .comment-body:after,
.commentlist li.comment-author-admin > .comment-body:after { top: 32px; left: -28px; font-size: 10px; padding: 2px; -webkit-border-radius: 3px; border-radius: 3px; }
.commentlist li li.bypostauthor > .comment-body:after,
.commentlist li li.comment-author-admin > .comment-body:after { top: 22px; left: -26px; font-size: 8px; padding: 1px; -webkit-border-radius: 2px; border-radius: 2px; }

/* child comment */
.commentlist li ul {  }
.commentlist li li { padding-left: 48px; margin: 0; }
.commentlist li li .avatar { width: 36px; height: 36px; left: -48px; top: 0; }
.commentlist li li .comment-meta { left: 70px; }

/*  comments : nav
/* ------------------------------------ */
.comments-nav { margin-bottom: 20px; }
.comments-nav a { font-weight: 600; }
.comments-nav .nav-previous { float: left; }
.comments-nav .nav-next { float: right;  }

/*  comments : form
/* ------------------------------------ */
.logged-in-as,
.comment-notes,
.form-allowed-tags { display: none; }
#respond { position: relative; }
#reply-title { margin-bottom: 20px; }
li #reply-title { font-size: 0; margin: 0!important; padding: 0; height: 0; border-top: 0; }
#cancel-comment-reply-link { color: #999; display: block; position: absolute; bottom: 26px; right: 20px; font-size: 0.75em; }
#cancel-comment-reply-link:hover { color: #777; }
#commentform { background: #f1f1f1; padding: 10px 20px 20px; margin-bottom: 15px; -webkit-border-radius: 2px; border-radius: 2px; }
#commentform p.comment-form-author { width: 48%; float: left; }
#commentform p.comment-form-email { width: 48%; float: right; }
#commentform p.comment-form-url,
#commentform p.comment-form-comment { clear: both; }
#commentform label { padding: 6px 0; font-weight: 600; display: block; }
#commentform .comment-form-cookies-consent { padding: 10px 0; clear:both }
#commentform .comment-form-cookies-consent label { display: inline; }
#commentform input[type="text"],
#commentform input[type="email"],
#commentform textarea { max-width: 100%; width: 100%; }
#commentform textarea { height: 100px; }
#commentform p.form-submit { margin-top: 10px; }
.logged-in #reply-title { margin-bottom: 20px; }
.logged-in #commentform p.comment-form-comment { margin-top: 10px; }
.logged-in #commentform p.comment-form-comment label { display: none; }
/* ------------------------------------------------------------------------- *
 *  Child Menu
/* ------------------------------------------------------------------------- */
.child-menu { zoom: 1; position: relative; padding: 0 0 20px; }
.child-menu a { color: #777; font-weight: 600; display: block; padding: 0 44px; }
.child-menu a:hover { color: #16cfc1; }
.child-menu .current_page_item > a { background: #fff; color: #16cfc1; }

/* show only current page items */
.child-menu > li { display: none; }
.child-menu > li.current_page_item,
.child-menu > li.current_page_parent,
.child-menu > li.current_page_ancestor { display: block; }
.child-menu > li.current_page_item > ul ul,
.child-menu > li.current_page_parent > ul ul,
.child-menu > li.current_page_ancestor > ul ul { display: none; }
.child-menu > li ul li.current_page_item ul,
.child-menu > li ul li.current_page_parent ul,
.child-menu > li ul li.current_page_ancestor ul { display: block; }

/* level 1 */
.child-menu > li > a { font-size: 1.25em; display: block; padding: 20px 30px; }

/* level 2 */
.child-menu > li > ul { background: #e9e9e9; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0 10px 10px; }
.child-menu > li > ul > li > a { font-size: 0.9375em; background: #f0f0f0; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; padding: 11px 20px;
-webkit-box-shadow: inset 0 1px 0 #f9f9f9;
box-shadow: inset 0 1px 0 #f9f9f9; }
.child-menu > li > ul > li > a:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	content: "\f055"; font-size: 16px; margin-right: 8px; }

/* level 3 */
.child-menu > li ul ul { background: #f0f0f0; border-bottom: 1px solid #ddd; border-top: 3px solid #ebebeb; border-left: 1px solid #ddd; padding: 6px 0; }
.child-menu > li ul ul a { font-size: 0.9375em; font-weight: 300; padding-top: 7px; padding-bottom: 7px; margin-bottom: 1px; }
.child-menu > li ul ul a:hover { background: #e9e9e9;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.04);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.04); }
.child-menu > li ul ul li.current_page_item > a { background: #fff;
-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.04);
box-shadow: 0 1px 0 rgba(0,0,0,0.04); }

/* child menu for dual/right fix */
.col-2cl .child-menu > li > ul,
.col-3cr .child-menu > li > ul { padding-left: 0; padding-right: 10px; }
.col-2cl .child-menu > li > ul > li > a,
.col-3cr .child-menu > li > ul > li > a { border-left: 0; border-right: 1px solid #ddd; }
.col-2cl .child-menu > li ul ul,
.col-3cr .child-menu > li ul ul { border-left: 0; border-right: 1px solid #ddd; }/* ------------------------------------------------------------------------- *
 *  Plugins
/* ------------------------------------------------------------------------- */

/*  plugin : wp-pagenavi
/* ------------------------------------ */
.wp-pagenavi { text-align: right; font-weight: 600; line-height: 1.25em; float: none; margin-right: -2px; text-align: center; }
.wp-pagenavi a,
.wp-pagenavi span { color: #aaa; font-size: 1em; padding: 7px 8px; display: inline; margin: 0 2px; }
.wp-pagenavi span.pages { font-size: 1.0625em; font-weight: 300; display: block; margin-bottom: 1em!important; border: none!important; }
.wp-pagenavi span.pages:before { content: "\f15c"; font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; margin-right: 6px; }
.wp-pagenavi span.extend { border: none!important; border-bottom: 3px solid transparent; border-top: 1px solid transparent; }
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current { color: #444; }

.wp-pagenavi a { color: #16cfc1; border: none; border-bottom: 3px solid #ddd; border-top: 1px solid #f1f1f1; }
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current { background: none; border: none; border-bottom: 3px solid #16cfc1; border-top: 1px solid #f1f1f1; }

/*  plugin : contact form 7
/* ------------------------------------ */
.wpcf7-form-control-wrap {
    position: relative;
    float: left;
    width: 100%;
    height: auto;
}
.wpcf7 p { color: #222; font-weight: 600; margin: 0 0 12px;  width: 100%; float: left; position: relative; }
.wpcf7 p span { font-weight: 400; color: #999; }
/* the following line has been commented in 3.3.13 because of this issue : https://github.com/presscustomizr/hueman/issues/491 ;*/
/*.wpcf7 label { display: block; float: left; width: 20%; margin: 9px 0 0 12px; text-align: left; }*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 select { display: block; float: left; padding: 10px; }
.wpcf7 textarea { display: block; float: left; padding: 10px; width: 100%; }
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea { background: #f5f5f5; margin-top: 12px; }
.wpcf7 input.wpcf7-submit { font-size: 1.125em; padding: 8px 50px;}
.wpcf7 div.wpcf7-validation-errors { border: none; margin: 0; padding: 0; }
.wpcf7 div.wpcf7-mail-sent-ok,
.wpcf7 div.wpcf7-mail-sent-ng { border: none; }
.wpcf7 div.wpcf7-response-output { margin: 0; padding: 0; }
.wpcf7 span.wpcf7-form-control-wrap { display: block; position: relative; }
.wpcf7 span.wpcf7-not-valid-tip { background: #f2dede; border-color: #e3bfbf; color: #b94a48; padding: 4px 14px; font-size: 0.75em; }

/*  plugin : woocommnerce
/* ------------------------------------ */
/**
 * see https://github.com/presscustomizr/hueman/issues/729
 */
.woocommerce section.related,
.woocommerce section.up-sells {
    clear: both;
}

/*  plugin : bbpress
/* ------------------------------------ */
body #buddypress .users-nav li, body #buddypress .user-subnav li {
list-style: none;
}/* ------------------------------------------------------------------------- *
 *  Flexslider
/* ------------------------------------------------------------------------- */

/*  flexslider : resets
/* ------------------------------------ */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flex-container a:hover,
.flex-slider a:hover,
.flexslider a:focus  { outline: none; }
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }


/*  flexslider : necessary styles
/* ------------------------------------ */
.flexslider { margin: 0; padding: 0; }
/* August 2020 : remove display:none for https://github.com/presscustomizr/hueman/issues/916 */
.rtl .flexslider .slides > li { display: none; backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li { backface-visibility: hidden;}
/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides > li > img, .flexslider .post-thumbnail img { width: 100%; height: auto; display: block; margin: 0 auto; }
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }

html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%;}
.no-js .flexslider .slides > li:first-child { display: block; }

/* RTL
added for https://github.com/presscustomizr/hueman/issues/884
*/
[dir="rtl"] .flexslider {
  direction:rtl;
}

/*  flexslider : default theme
/* ------------------------------------ */
.flexslider { margin: 0 0 60px; position: relative; zoom: 1; }
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.flexslider .slides > li { position: relative; }
.carousel li { margin-right: 5px; }

/* direction nav */
.flex-direction-nav { *height: 0; position: absolute; top: 10px; right: 10px; z-index: 2; }
.flex-direction-nav li { float: left; margin-left: 4px; }
.flex-direction-nav li:first-child { float: left; }
.flex-direction-nav li:last-child { float: right; }
.flex-direction-nav a { background: rgba(0,0,0,0.7); opacity: 0.6; position: relative; width: 40px; height: 40px; margin: 0 0 0; display: block; cursor: pointer; text-indent: -999px; overflow: hidden;
-webkit-transition: all .3s ease; transition: all .3s ease;
-webkit-border-radius: 3px; border-radius: 3px; }
.flexslider:hover .flex-next,
.flexslider:hover .flex-prev { opacity: 0.8; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default; }

/* direction nav arrows */
.flex-direction-nav a:before { font-family: 'Font Awesome 5 Free'; font-weight: 900; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 23px; position: absolute; text-align: center; left: 0; right: 0; top: 8px; text-indent: 0; }
.flex-direction-nav .flex-next:before { content:"\f054"; }
.flex-direction-nav .flex-prev:before { content: "\f053"; }


/* control nav */
.flex-control-nav { width: 100%; position: absolute; bottom: -30px; text-align: center; }
.flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; }
.flex-control-nav li a { background: rgba(0,0,0,0.15); width: 10px; height: 10px; display: block; cursor: pointer; text-indent: -999px; overflow: hidden;
-webkit-border-radius: 100%; border-radius: 100%; }
.flex-control-nav li a:hover { background: rgba(0,0,0,0.15); }
.flex-control-nav li a.flex-active { background: rgba(0,0,0,0.25); cursor: default; }

.flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 25%; float: left; margin: 0; }
.flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: .7; right: 0; }
  .flex-direction-nav .flex-next { opacity: .7; right: 0; }
}
/* ------------------------------------------------------------------------- *
 *  Shortcodes
/* ------------------------------------------------------------------------- */

/*  shortcode : dropcap
/* ------------------------------------ */
.dropcap { color: #444; display: block; float: left; font-size: 5.875em; line-height: 0.9em; font-weight: 600; margin: 0 10px 0 0; }

/*  shortcode : pullquotes
/* ------------------------------------ */
.pullquote-left { color: #444; border-left: 6px solid #eee; float: left; margin: 0.78em 1em 0.78em 0; padding: 0 0 0 20px; font-weight: 600; width: 40%; }
.pullquote-right { color: #444; border-right: 6px solid #eee; float: right; margin: 0.78em 0 0.78em 1em; padding: 0 20px 0 0; font-weight: 600; width: 40%; }

/*  shortcode : highlights
/* ------------------------------------ */
.highlight { color: #222; border-bottom: 1px dotted #222; }

/*  shortcode : hr
/* ------------------------------------ */
hr, .hr { border: 0; background: #eee; border-bottom: 2px solid #eee; height: 1px; margin: 30px 0; }/* ------------------------------------------------------------------------- *
 *  SVG thumbnails placeholders
/* ------------------------------------------------------------------------- */
svg.hu-svg-placeholder {
  fill: none;
  stroke: #eee;
  stroke-width:50px;
  opacity: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 50%;
  top: 25%;
  -webkit-transition: opacity 0.5s ease;
  -moz-transition: opacity 0.5s ease;
  -o-transition: opacity 0.5s ease;
  transition: opacity 0.5s ease;
}
.alx-posts li:hover .hu-svg-placeholder, .alx-tab li:hover .hu-svg-placeholder, .post-hover:hover .hu-svg-placeholder {
    opacity: 0!important;
}
.filter-placeholder {
  opacity: 0;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease;
}
.filter-placeholder::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  content: '';
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  position: absolute;
  background: rgba(34, 34, 34, 0.55);
}/* ------------------------------------------------------------------------- *
 *  Section: Footer
/* ------------------------------------------------------------------------- */
#footer { background: #fff; color: #777; width: 100%; position: relative; }
#footer a { color: #777; }
#footer a:hover { color: #ccc; }
#footer .hu-pad { padding-bottom: 30px; }

#footer-full-width-widget { text-align: center; padding: 10px 0; border-bottom: 1px solid #eee; }

/*#footer #footer-full-width-widget .widget { padding-bottom: 0; font-size: 0; line-height: 0; }
#footer-full-width-widget h3 { display: none; }*/

#footer-widgets{
  padding-top: 20px;
}
[class*=footer-widget-] {
  min-height: 1px;
}

#footer-bottom { background: #92b7b1; }
#footer-bottom .hu-pad { padding-top: 30px; }
#footer-bottom a { color: #fff; color: rgba(255,255,255,0.7); }
#footer-bottom a:hover { color: #fff; }
#footer-bottom #footer-logo { display: block; margin-bottom: 20px; max-height: 50px; -webkit-border-radius: 0; border-radius: 0; }
#footer-bottom #copyright,
#footer-bottom #credit { color: #fff; color: rgba(255,255,255,0.5); font-size: 0.9375em; line-height: 1.5em; }
#footer-bottom #credit p { font-size: 0.88em; padding-top: 0.5em;}
#footer-bottom #back-to-top { background: #eaeaea; color: #777; overflow: hidden; text-align: center; width: 60px; height: 30px; display: block; margin: 0 auto; margin: 0 auto -30px;
-webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px;
-webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); }
#footer-bottom #back-to-top i {
  font-size: 32px;/* font size in px to fix https://github.com/presscustomizr/hueman/issues/758 */
  position: relative;
  top: -2px;
}
#footer-bottom #back-to-top:hover { color: #444; }
#footer-bottom .social-links { padding-top: 10px; }
#footer-bottom .social-links a { color: rgba(255,255,255,0.6); }
#footer-bottom .social-links a:hover { color: #fff; }
#footer-bottom .social-links .social-tooltip { font-size: 1.75rem; }

/*  footer : nav
/* ------------------------------------ */
#nav-footer.nav-container { background: #fff; border-top: 1px solid #eee; }
#nav-footer .nav-toggle { background: transparent; color: #444; border-left: 1px solid #eee; }

/* Welcome Note
/* ------------------------------------ */
#bottom-welcome-note {
    bottom: -100%;
    background-color: rgba(0, 0, 0, 0.85);
    padding: 20px 0;
    position: fixed;
    text-align: center;
    right: 0;
    left: 0;
    z-index: 10000;
    color: #fff;
    display: block;
    -webkit-transition: all 0.45s ease-in-out;
    -moz-transition: all, 0.45s ease-in-out;
    -ms-transition: all, 0.45s ease-in-out;
    -o-transition: all, 0.45s ease-in-out;
    transition: all 0.45s ease-in-out;
}
#bottom-welcome-note h2 {
  font-size: 1.5em;
  line-height: 1.6em;
  color: #fff;
  margin-bottom: 15px;
}
#bottom-welcome-note a {
  color: #fff;
  text-decoration: underline;
}
#bottom-welcome-note p { line-height: 2em;}
#bottom-welcome-note .note-content {
  display: inline-block;
  line-height: 20px;
  width: 80%;
}
#bottom-welcome-note .fas:before {
  top: 2px;
  position: relative;
  padding-left: 2px;
}
#bottom-welcome-note .close-note {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 31px;
    cursor: pointer;
}


@media only screen and (min-width: 720px) {

  /* common */
  #nav-footer .nav { text-align: center; }
  #nav-footer .nav li a { color: #92b7b1; }
  /* level 1 */
  #nav-footer .nav > li > a { padding: 12px 18px; }
  #nav-footer .nav > li { border-right: 0; }
  #nav-footer .nav > li:first-child { border-left: 0; }
  #nav-footer .nav > li > a:hover,
  #nav-footer .nav > li:hover > a { background: #f0f0f0; }
  #nav-footer .nav li > a:hover,
  #nav-footer .nav li:hover > a,
  #nav-footer .nav li.current_page_item > a,
  #nav-footer .nav li.current-menu-item > a,
  #nav-footer .nav li.current-menu-ancestor > a,
  #nav-footer .nav li.current-post-parent > a { color: #666; }
  /* level 2 & 3 */
  #nav-footer .nav ul { background: #f0f0f0; bottom: 44px; top: auto; text-align: left;
  -webkit-box-shadow: 0 -2px 2px rgba(0,0,0,0.05);
  box-shadow: 0 -2px 2px rgba(0,0,0,0.05); }
  #nav-footer .nav ul li { border-bottom: 1px solid #e4e4e4; }
  #nav-footer .nav ul ul { top: -10px; }
  /* level 3 */
  #nav-footer .nav ul ul { position: absolute; top: auto; bottom: -10px; }

}
@media only screen and (max-width: 719px) {

  /* common */
  #nav-footer .nav li a { color: #999; color: rgba(0,0,0,0.8); border-top: 1px solid #f2f2f2; }
  #nav-footer .hu-dropdown-toggle { color: #999; color: rgba(0,0,0,0.8); }
  /* level 1 */
  #nav-footer .nav li > a:hover,
  #nav-footer .nav li.current_page_item > a,
  #nav-footer .nav li.current-menu-item > a,
  #nav-footer .nav li.current-post-parent > a { background: #f2f2f2; color: #444; }

  #nav-footer .hu-dropdown-toggle:hover,
  #nav-footer .nav li.current_page_item > .hu-dropdown-toggle,
  #nav-footer .nav li.current-menu-item > .hu-dropdown-toggle,
  #nav-footer .nav li.current-post-parent > .hu-dropdown-toggle { color: #444;  }
}#wrapper,
.container-inner { min-width: 320px; }

@media only screen and (max-width: 1200px) {
	#header-widgets { display: none; }
}

/* ------------------------------------------------------------------------- *
 *  Toggle Sidebar s2 : 1200px > 480px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 1200px) {

	.container { padding: 0 10px; }

	/* s2 general */
  .s2.collapsed {
    width: 50px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
  }

	/*.s2 .sidebar-content { display: none; float: left; width: 100%; }*/
  .s2.collapsed .sidebar-content { opacity:0; display:none; float: left; width: 100%; }
	.sidebar.s2 .sidebar-toggle { display: block; }

	/* s2 expand/collapse */
	.s2.expanded {
    background: #f0f0f0;
    /*position: absolute;
    top: 0;
    bottom: 0;
    width: 260px; <= Set in js
    margin: 0!important;*/
    z-index: 9;
/*    overflow-y: auto;
    overflow-x: hidden;*/
  }
  .s2.expanded .sidebar-content { opacity:1; min-width: 260px; }
  .s2.collapsed .sidebar-content { opacity:0;}


	/* s2 toggle icon */
  .sidebar[data-position="right"].expanded .sidebar-toggle-arrows:before,
  .sidebar[data-position="middle-right"].expanded .sidebar-toggle-arrows:before {
    content: "\f101";
  }
  .sidebar[data-position="left"].expanded .sidebar-toggle-arrows:before,
  .sidebar[data-position="middle-left"].expanded .sidebar-toggle-arrows:before {
    content: "\f100";
  }

	/* s2 3 column, content middle */
    .col-3cm .container-inner > .main::after,
	.col-3cm .main-inner { padding-right: 50px; }
	/*.col-3cm .s2 { margin-right: -50px; }*/
  .col-3cm .s2.collapsed { margin-right: -50px;}
	/*.col-3cm.s2-expand .s2 { right: 0; }*/
/*  .col-3cm .s2.expanded { right: 0; }*/

	/* ipad, iphone fix */
	/*.safari .s2 { min-width: 50px; max-width: 50px; width: auto; }*/
	/*.safari.s2-expand .s2 { min-width: 260px; max-width: 260px; width: auto; }*/

}
@media only screen and (min-width: 961px) and (max-width: 1200px) {

	/* 3 column, content right */
	.col-3cl .main { background-image: none; }
    .col-3cl .container-inner > .main::after,
	.col-3cl .main-inner { padding-right: 390px; }
	.col-3cl .s1.collapsed { margin-right: -390px; }
	.col-3cl .s2.collapsed { margin-right: -50px;}
  /*.col-3cl .s2.expanded { right: 340px; }*/

	/* 3 column, content left */
	.col-3cr .main { background-image: none; }
    .col-3cr .container-inner > .main::before,
	.col-3cr .main-inner { padding-left: 390px; }
	.col-3cr .s1.collapsed { margin-left: -390px; }
	.col-3cr .s2.collapsed { margin-left: -50px; }
  .col-3cr .s2.expanded { }
}

/* ------------------------------------------------------------------------- *
 *  Toggle Sidebar s1 : 960px > 480px
/* ------------------------------------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 960px) {

	/* s1 general */
	.s1.collapsed {
    width: 50px;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
    /*position: absolute;*/
  }
	.s1.collapsed .sidebar-content { opacity:0; display:none; float: left; width: 100%; }
	.sidebar.s1 .sidebar-toggle { display: block; }

  .s1.expanded {
    background: #f0f0f0;
   /* position: absolute;
    top: 0;
    bottom: 0;
    width: 340px; <= Set in js
    margin: 0!important;*/
    z-index: 9;
/*    overflow-y: auto;
    overflow-x: hidden;*/
  }
  .s1.expanded .sidebar-content,
  .s1.expanded .post-nav { opacity:1;min-width: 340px; }

  /* icon color is dark because the background is usually lighter in this case */
  .social-links .social-tooltip:hover {
    color: #000!important;
  }


	/* 2 column, content right */
	.col-2cr .container-inner > .main::before,
	.col-2cr .main-inner { padding-left: 50px; }
  .col-2cr .s1.collapsed { left: 0;margin-left: -50px; }
  .col-2cr .s1.expanded { left: 0;}


	/* 2 column, content left */
	.col-2cl .container-inner > .main::after,
	.col-2cl .main-inner { padding-right: 50px; }
  /*.col-2cl .s1.collapsed { margin-right: 0px; right: 0;  }*/
  .col-2cl .s1.collapsed { margin-right: -50px; right: 0;  }
  .col-2cl .s1.expanded { right: 0; }
  .col-2cl .s1.expanded .sidebar-toggle { float: right; }

	/* 3 column, content middle */
    .col-3cm .container-inner > .main::before,
	.col-3cm .main-inner { padding-left: 50px; }
  .col-3cm .s1.collapsed { margin-left: -50px;}
  .col-3cm .s1.expanded { left: 0; }
  .col-3cm .s2.collapsed { margin-right: -50px;}
  /*.col-3cm .s2.expanded { right: 0;}*/


	/* 3 column, content left */
	.col-3cl .main { background-image: none; }
    .col-3cl .container-inner > .main::after,
	.col-3cl .main-inner { padding-right: 100px; }
  .col-3cl .s1.collapsed { margin-right: -100px;}
  .col-3cl .s2.collapsed { margin-right: -50px;}
  .col-3cl .s1.expanded {  margin-right: -390px; }
  /*.col-3cl .s1.expanded { right : 0px; }*/

/*  .sidebar[data-position="middle-right"].expanding { margin-left: -210px; margin-right: 0}
  .sidebar[data-position="middle-right"].collapsing { }*/

	/* 3 column, content right */
	.col-3cr .main { background-image: none; }
    .col-3cr .container-inner > .main::before,
	.col-3cr .main-inner { padding-left: 100px; }
  .col-3cr .s1.collapsed { margin-left: -100px;}
	.col-3cr .s2.collapsed { margin-left: -50px; }
  .col-3cr .s1.expanded  { margin-left: -390px;}
  .col-3cr .s2.expanded { }

	/* ipad, iphone fix */
	/*.safari .s1 { min-width: 50px; max-width: 50px; width: auto; }
	.safari.s1-expand .s1 { min-width: 340px; max-width: 340px; width: auto; }*/

}

/* ------------------------------------------------------------------------- *
 *  Mobile (Mid Res) : 719px > 0px (480px & 320px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 719px) {

	/* layout */
	.container { padding: 0; }
	.grid { width: 100%; margin: 0 0 10px; }

	/* sidebar toggle 60 > 50px height */
	.page-title.hu-pad { padding-top: 12px; padding-bottom: 12px; }
	.sidebar-toggle { height: 50px; }
	.sidebar-toggle i { padding: 10px 0; }

	/* hide */
	.site-description,
	.image-caption { display: none; }

	/* base */
	.hu-pad { padding: 20px 20px 10px; }
	.notebox { margin-bottom: 20px; }
	#flexslider-featured { margin-top: 10px; }
	.entry { font-size: 0.9375em; }

	/* text */
	.entry h1 { font-size: 1.875em; letter-spacing: -0.7px; }
	.entry h2 { font-size: 1.625em; letter-spacing: -0.5px; }
	.entry h3 { font-size: 1.5em; letter-spacing: -0.3px; }
	.entry h4 { font-size: 1.375em; letter-spacing: -0.3px; }
	.entry h5 { font-size: 1.125em; }
	.entry h6 { font-size: 1em; text-transform: uppercase; }

	/* header */
	#header { padding-bottom: 0; }
	.topbar-enabled #header { padding-top: 0; }
	#header .hu-pad { padding-top: 0; padding-bottom: 0; }
	.site-title { padding: 30px 0; width: 100%; float: none; line-height: 1.19em; font-size: 2.2em; }
	.site-title a { text-align: center; }
	.toggle-search { right: auto; left: 0; top: 0;
	-webkit-box-shadow: 1px 0 0 rgba(255,255,255,0.1);
	box-shadow: 1px 0 0 rgba(255,255,255,0.1); }
	.search-expand { left: 0; right: auto; top: 50px; width: 320px; }

	/* footer */
	#footer-bottom .hu-pad { padding-top: 50px; padding-bottom: 40px; }
	#footer-bottom .one-half.last { margin-bottom: 0; }
	#footer-bottom { text-align: center; }
	#footer-bottom #footer-logo { margin-left: auto; margin-right: auto; }
	#footer-bottom .social-links { float: none; }
	#footer-bottom .social-links li { margin-left: 4px; margin-right: 4px; }

	/* comments */
	.comment-tabs { font-size: 0.875em; }
    .commentlist li { font-size: 0.8125rem; }
	.commentlist li ul li { padding-left: 10px; }

	/* page */
	#page { margin-top: 0; padding-bottom: 10px; }
	.pagination { margin-bottom: 30px; }
	.page-title { font-size: 0.875em; }
	.page-image-text { margin-top: -15px; }
	.page-image-text .caption { font-size: 1.625em; line-height: 1.1538em;  }
	.page-image-text .description { font-size: 0.8125em; }

	/* blog */
	.post-list { margin-left: 0; margin-right: 0;  }
	.post-list .post,
	.post-list .page	{ width: 100%; }
	.post-list .post-row { margin-left: 0; padding-left: 0; margin-bottom: 0; border: 0; }
	.post-list .post-inner { margin-right: 0; }
	#grid-wrapper .post-standard.excerpt .post-inner { padding-left: 120px; }
	#grid-wrapper .post-standard.excerpt .post-thumbnail { margin-left: -120px; max-width: 100px; }

	.featured .post-title,
	.single .post-title { font-size: 1.375em; line-height: 1.5em; letter-spacing: 0; }
	.post-byline { font-size: 0.8125em; }
	.post-format { margin-bottom: 20px; }
	.format-gallery .post-format .flexslider .slides img { max-height: 240px; }
	.format-quote .post-format blockquote,
	.format-link .post-format p { font-size: 1.125em; }
	.format-link .post-format p { margin-bottom: 10px; }
	.single .format-status .entry { font-size: 1.25em; line-height: 1.4em; }
	.post-format .format-container .fa { font-size: 1.75em; }

	.entry.share { padding-right: 0; }
	.sharrre-container { position: relative; float: left; width: auto; padding: 0; margin: 20px 0 0; }
	.sharrre-container span { text-align: left; }
	.sharrre-container > div { float: left; margin-right: 10px; }
	.author-bio .bio-desc { font-size: 0.8125em; }

	.content .post-nav li { width: 100%; -webkit-box-shadow: none!important; box-shadow: none!important; }
	.content .post-nav li a { min-height: 0; }

	.single .related-posts .post-title { font-size: 0.9375em; }
	.related-posts li { width: 50%; }
	.related-posts li:nth-child(2) article { border-right-color: transparent; }
	.related-posts li:nth-child(3),
	.related-posts li:nth-child(4) { display: none; }

	/* shortcodes */
	.dropcap { font-size: 5em; }

}

/* ------------------------------------------------------------------------- *
 *  Mobile (Low Res) : 479px > 0 (320px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {

	/* layout */
	.content,
	.sidebar[class*=s] { width: 100%; float: none; margin-right: 0!important; margin-left: 0!important; }
	.sidebar[class*=s] { background: #f0f0f0; display: block; float: none; }
	.main,
	.main-inner { background-image: none!important; padding: 0!important;  }
	.sidebar.s2 { right: 0!important; left: 0!important; }
	.container-inner > .main::before,
	.container-inner > .main::after { display: none; }
	/* hide */
	.mobile-sidebar-hide-s1 .sidebar.s1,
	.mobile-sidebar-hide-s2 .s2,
	.mobile-sidebar-hide .sidebar { display: none; }

	/* display primay sidebar first */
	.mobile-primary-sidebar-first .main-inner {
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	/* This is exactly (vendors prefix excluded) how Bootstrap 4 handles .order-first */
	.mobile-primary-sidebar-first .s1 {
		-webkit-box-ordinal-group: 0;
		-webkit-order: -1;
		    -ms-flex-order: -1;
		        order: -1;
	}
	/* base */
	.hu-pad { padding: 15px 15px 5px; }
	.sidebar-top,
	.sidebar .widget { padding-left: 15px!important; padding-right: 15px!important; }
	.notebox { margin-bottom: 15px; }
	#flexslider-featured { margin-top: 15px; }
	.gallery-caption { display: none; }

	/* header */
	.site-title { font-size: 2em; }

	/* blog */
	#grid-wrapper .post-standard.excerpt .post-inner { padding-left: 82px; }
	#grid-wrapper .post-standard.excerpt .post-thumbnail { margin-left: -82px; max-width: 72px; }
	.format-link .post-format p { margin-bottom: 5px; }

  /* Don't display the sharre bar */
  /*.sharrre-container { display: none;}*/

}

/* MODS_MODS_MODS  */

/* Ensure the sidebar is always on the right for Dokan pages */
.dokan-store #content, .dokan-single-product #content {
    display: flex;
    flex-direction: row-reverse;
}

.dokan-store #primary, .dokan-single-product #primary {
    order: 1;
}

.dokan-store #secondary, .dokan-single-product #secondary {
    order: 2;
    width: 300px; /* Adjust the width as necessary */
}

@media screen and (max-width: 960px) {
    .dokan-store #content, .dokan-single-product #content {
        flex-direction: column;
    }
}

.dokan-store #content {
    display: flex;
    flex-direction: row-reverse;
}

.dokan-store #primary {
    order: 1;
}

.dokan-store #secondary {
    order: 2;
    width: 300px; /* Adjust the width as necessary */
}

@media screen and (max-width: 960px) {
    .dokan-store #content {
        flex-direction: column;
    }
}

blockquote { text-align: center; font-size: 12pt; font-feature-settings: "ss04"; position: fixed; bottom: 20px; right: 80px; margin: 0px; text-shadow: 0px 1px 1px white; color: #024; }
blockquote .author { font-style: italic; }

.fa {
    font-size: 22px !important;
    color: #e3443e !important;
}
.copyright {
    display: none !important;
}
h0 {
    display: none !important;
}
#footer .lower #current_time {
    display: none !important;
}
#footer .lower #copyright {
    display: none !important;
}
#page-footer {
    display: none !important;
}
footer .lower {
    display: none !important;
}
.footer-row {
    display: none !important;
}
.site_logo {
    background-image: url(https://site.dominante.pt/wp-content/uploads/icon.png) !important;
    width: 150px !important;
    height: 55px !important;
}
h0 {
    color: #666666 !important;
}
#footer-bottom #back-to-top {
    background: #ccc !important;
    color: #3a8739 !important;
    overflow: hidden !important;
    text-align: center !important;
    width: 66px !important;
    height: 33px !important;
    display: block !important;
    margin: 0 auto -30px !important;
    -webkit-border-radius: 0 0 3px 3px !important;
    border-radius: 2px 2px 25px 25px !important;
    -webkit-box-shadow: inset 0 1px 0 rgb(0 0 0 / 5%) !important;
    box-shadow: 0 3px 0 #246aa6 !important;
}
::-webkit-scrollbar {
    height: 12px;
    width: 22px;
    background: #006600;
}
::-webkit-scrollbar-thumb {
    background: #EA4335;
    -webkit-border-radius: 21px;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
}
::-webkit-scrollbar-corner {
    background: #111999 ;
}
::-webkit-scrollbar-button {
    background: #FBBC05 ;
}

.dokan-store.col-2cl.container-inner.main::after {
    display: none !important;
}

.dokan-store.dokan-single-store.dokan-main::after {
    display: none !important;
}

.hu-pad.themeform.dokan-store {
    width: 100% !important;
    max-width: 100% !important;
    padding: 10 !important; /* Adjust padding if necessary */
}

.hu-pad.themeform.dokan-store.col-2cl.main-inner {
    padding-right: 1px !important;
}

#iframe-container {
    position: relative;
    width: 100%;
    height: 100vh; /* Full viewport height */
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* Removes default border */
}

.iframe-container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    overflow: hidden;
    background: #f3f3f3;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.iframe-loading-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 10;
}

.iframe-loading-spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #000;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin-bottom: 10px;
}

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

.iframe-loading-message {
    background: rgba(0, 0, 0, 0.75);
    color: #fff;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 16px;
}

        label {
            display: block;
            margin: 10px 0 5px;
        }
        input {
            width: 100%;
            padding: 8px;
            margin-bottom: 10px;
        }
        button {
            padding: 10px 15px;
            font-size: 16px;
        }
        .result {
            margin-top: 0px;
        }
        pre {
            background: #f4f4f4;
            padding: 10px;
            border: 1px solid #ddd;
            border-radius: 4px;
            position: relative;
            white-space: pre-wrap; /* ensures the text wraps */
            word-wrap: break-word; /* ensures long words wrap */
        }
        buttonc {
            position: absolute;
            background: #0073aa;
            color: #fff;
            border: none;
            padding: 5px 10px;
            cursor: pointer;
            border-radius: 4px;
        }
        buttonc:hover {
            background: #005b8a;
        }

.search-page {
    padding: 20px;
}

.search-page h1 {
    font-size: 24px;
    margin-bottom: 20px;
}

.search-result {
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.search-result h2 {
    font-size: 20px;
}

.search-result p {
    color: #666;
}

#searchform {
    margin-bottom: 30px;
}

#searchform input[type="text"],
#searchform select {
    padding: 8px;
    margin-right: 10px;
}

.page-404 {
    text-align: center;
    padding: 50px 20px;
}

.page-404 h3 {
    font-size: 36px;
    margin-bottom: 20px;
}

.page-404 p {
    font-size: 18px;
    margin-bottom: 30px;
}

.search-form,
.recent-posts {
    margin-bottom: 40px;
}

.recent-posts ul {
    list-style-type: none;
    padding: 0;
}

.recent-posts li {
    margin-bottom: 10px;
}

.back-to-home a {
    color: #0073aa;
    text-decoration: none;
    font-weight: bold;
}

body h1 {
    font-size: 22px !important;
}

@media (max-width: 768px) {
    h1 {
        font-size: 20px !important;
    }
}

body h2 {
    font-size: 20px !important;
}

@media (max-width: 768px) {
    h2 {
        font-size: 18px !important;
    }
}

body h3 {
    font-size: 18px !important;
}

@media (max-width: 768px) {
    h3 {
        font-size: 16px !important;
    }
}

.product-list {
    list-style-type: none !important;
    padding: 0;
    margin: 0;
}

.product-list li {
    list-style-type: none !important;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
}

.product-list li a {
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    color: #333;
}

.product-list li p {
    margin: 3px 0;
}

.custom-product-list-item {
    list-style: none;
    padding: 3px;
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: left !important;
}

.product-list-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
}

.product-list-price {
    font-size: 13px;
    color: #555;
}

.product-list-content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: left !important;
}

.wdm-recent-bidders li h4 {
    font-size: 16px !important;
    margin-bottom: 0 !important;
    font-weight: bold;
    text-shadow: none !important;
}

.wdm-single-auction-title {
    font-size: 21px;
    margin-bottom: 5px;
    margin-top: 10px;
    font-weight: bold;
    text-transform: none !important;
}

.wpauction h3, .wpauction h6 {
    font: normal 21px Verdana !important;
    text-align: center !important;
    padding: 5px !important;
    margin: 0 !important;
    text-transform: none !important;
}

/*.ultimate-auction-item a img {
    pointer-events: none !important;
}
*/

/* Container for the form */
.wpcf7 form {
  display: flex;
  flex-wrap: wrap;
  /* gap: 20px; Space between fields, adjust as needed */
}

/* Flex item for each form field */
.form-row {
  flex: 1 1 100%; /* Default to full width on small screens */
  box-sizing: border-box;
}

.equal-width {
  width: 100%; /* Full width within the .form-row */
  padding: 10px;
  margin-top: 5px;
  box-sizing: border-box;
}

textarea.equal-width {
  resize: vertical; /* Allow vertical resizing */
  height: 150px; /* Default height for textarea */
}

@media (min-width: 600px) {
  .form-row {
    flex: 1 1 48%; /* Two fields per row on larger screens */
  }

  .form-row.full-width {
    flex: 1 1 100%; /* Full width for fields that need more space */
  }
}

.wpcf7-spinner {
  display: inline-block; /* Show the spinner */
  width: auto;
  height: auto;
  background: none; /* Remove background */
  margin-left: 10px; /* Space between the form and spinner */
  vertical-align: middle;
}

/* Target the spinner for Contact Form 7 */
.wpcf7-spinner {
  background: none; /* Remove existing background */
  width: 24px; /* Width of your icon */
  height: 24px; /* Height of your icon */
  display: inline-block; /* Ensure it's inline */
  background-size: contain; /* Adjust size to fit */
  background-repeat: no-repeat; /* No repeat for background */
  background-position: center; /* Center the background */
	background-image: center;
  background-image: url('https://site.dominante.pt/wp-content/uploads/loading.gif'); /* Your icon URL */
}