/*
Theme Name: Airl
Theme URI: http://alx.media/themes/airl/
Version: 1.1.4
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 6.0
Description: <a href="http://alx.media/themes/airl/">Airl</a> is a flexible magazine and personal blog theme with plenty of options. It is optimized for all devices. You can pick accent colors, set sidebar to the left or right and choose website max-width with a few clicks. Demo: http://demo.alx.media/x/?theme=Airl
Author: Alexander Agnarson
Author URI: http://alx.media
Tags: blog, one-column, two-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, custom-logo, custom-header, custom-background, news, entertainment, footer-widgets
Text Domain: airl

	Copyright: (c) 2018 Alexander "Alx" Agnarson
	License: GNU General Public License v3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/*
WARNING! DO NOT EDIT THIS FILE!
To make it easy to update your theme, you should not edit the styles in this file. Instead use a child theme
to add your styles. You can copy a style from this file and paste it in the child theme's style.css and it
will override the style in this file. You have been warned! :)
*/

/* ------------------------------------------------------------------------- *
 *  Table of contents
	
	1. Reset
	2. Base Styles
		- Fonts
		- Forms
		- Entry Text
		- Headings
	3. Base Structure
		- Layout
	4. Common Elements
		- Nav
	5. Header
	6. Page
	7. Footer
	8. Post Entry
	9. Post Formats
	10. Widgets
	11. Comments
	12. Plugins
	13. Slick Carousel
	
/* ------------------------------------------------------------------------- */

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


/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */
body { background: #f1f1f1; font-size: 15px; line-height: 1.5em; color: #444; font-weight: 300; }
::selection { background: #333; color: #fff; }
::-moz-selection { background: #333; color: #fff; }
a { color: #333; text-decoration: none; }
a:hover { color: #333; }
img { max-width: 100%; height: auto; }
a,
a:before,
a:after { transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease; }
a img { transition: opacity 0.2s ease; }
address,cite,em { font-style: italic; }
strong { font-weight: 600; }
ol, ul { box-sizing: content-box; }
.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
/* ------------------------------------ */
.fa, .fab, .fal, .far, .fas { width: 1em; text-align: center; }

/*  base : fonts
/* ------------------------------------ */
body { font-family: "Titillium", Arial, sans-serif; }

@font-face {
	font-family: 'Titillium';
	src: url('fonts/titillium-light-webfont.eot');
	src: url('fonts/titillium-light-webfont.svg#titillium-light-webfont') format('svg'),
		 url('fonts/titillium-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/titillium-light-webfont.woff') format('woff'),
		 url('fonts/titillium-light-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: 'Titillium';
	src: url('fonts/titillium-lightitalic-webfont.eot');
	src: url('fonts/titillium-lightitalic-webfont.svg#titillium-lightitalic-webfont') format('svg'),
		 url('fonts/titillium-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/titillium-lightitalic-webfont.woff') format('woff'),
		 url('fonts/titillium-lightitalic-webfont.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Titillium';
	src: url('fonts/titillium-regular-webfont.eot');
	src: url('fonts/titillium-regular-webfont.svg#titillium-regular-webfont') format('svg'),
		 url('fonts/titillium-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/titillium-regular-webfont.woff') format('woff'),
		 url('fonts/titillium-regular-webfont.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Titillium';
	src: url('fonts/titillium-regularitalic-webfont.eot');
	src: url('fonts/titillium-regularitalic-webfont.svg#titillium-regular-webfont') format('svg'),
		 url('fonts/titillium-regularitalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/titillium-regularitalic-webfont.woff') format('woff'),
		 url('fonts/titillium-regularitalic-webfont.ttf') format('truetype');
	font-weight: 400;
	font-style: italic;
}
@font-face {
    font-family: 'Titillium';
    src: url('fonts/titillium-semibold-webfont.eot');
    src: url('fonts/titillium-semibold-webfont.svg#titillium-semibold-webfont') format('svg'),
         url('fonts/titillium-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/titillium-semibold-webfont.woff') format('woff'),
         url('fonts/titillium-semibold-webfont.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
}

/*  base : forms
/* ------------------------------------ */
input, textarea, button, select, label { font-family: inherit; }
.themeform input,
.themeform select,
.themeform textarea,
.themeform button,
.themeform label { font-size: 14px; }
.themeform input::-moz-focus-inner, 
.themeform button::-moz-focus-inner { border: 0; padding: 0; }
.themeform input[type="search"],
.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 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; }
.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 select { appearance: normal; -moz-appearance: menulist; -webkit-appearance: menulist; }
.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: #333; }
.themeform input[type="search"],
.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 #e5e5e5; color: #777; display: block; max-width: 100%; outline: none; padding: 7px 8px; }
.themeform input[type="search"]:focus,
.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: #ddd; color: #333; -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: #333; }
.themeform input[type="button"],
.themeform input[type="reset"],
.themeform input[type="submit"],
.themeform button[type="button"],
.themeform button[type="reset"],
.themeform button[type="submit"] { background: linear-gradient(130deg, #00d4ff 0%, #0072ff 100%); color: #fff; padding: 8px 14px; font-weight: 600; display: inline-block; border: none; cursor: pointer; -webkit-border-radius: 3px; border-radius: 3px; }
.themeform input[type="button"]:hover,
.themeform input[type="reset"]:hover,
.themeform input[type="submit"]:hover,
.themeform button[type="button"]:hover,
.themeform button[type="reset"]:hover,
.themeform button[type="submit"]:hover { background: linear-gradient(130deg, #00d4ff 0%, #0072ff 100%); }

.themeform.searchform div { position: relative; }
.themeform.searchform div input { background: #fff; padding-left: 26px; line-height: 20px; }
.themeform.searchform div:after { color: #ccc; line-height: 24px; font-size: 14px; content: "\f002"; position: absolute; left: 10px; top: 6px; font-family: "Font Awesome 6 Free"; font-weight: 900; }

/*  base : entry
/* ------------------------------------ */
.entry { font-size: 19px; line-height: 1.6em; }
.entry a { color: #00a0ff; text-decoration: underline; }
.entry a:hover { color: #333; }
.entry hr { border: 0; background: #e5e5e5; height: 2px; width: 30%; margin: 40px auto; }
.entry p,
.entry dd { margin-bottom: 1em; }
.entry dt { color: #333; }
.entry dt { font-weight: 600;}
.entry address { margin-bottom: 1em; }
.entry blockquote { position: relative; color: #777; font-style: italic; margin: 0 0 20px 0; padding-left: 50px; }
.entry blockquote p { font-weight: 400; color: #444; margin-bottom: 0.75em; }
.entry blockquote:before { content: "\f10d"; color: #ccc; font-size: 32px; font-style: normal; font-family: "Font Awesome 6 Free"; font-weight: 900; text-align: center; position: absolute; left: 0; top: 0; }
.entry blockquote.twitter-tweet:before { content: "\f099"; }
.entry code, .entry pre { font-family: Monaco, "Courier New", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", monospace; font-size: 11px; }
.entry pre { 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; }
.entry code { background: #ddd; 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 { overflow: hidden; }
.entry .wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
.entry .wp-caption-text { color: #999; font-size: 13px; padding: 0 0 8px 0; margin: 0; }

/* table */
.entry table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
.entry table tr.alt { background: #eee; }
.entry table td { border: 1px solid #ddd; text-align: center; padding: 5px; vertical-align: middle; }
.entry table th { border: 1px solid #ddd; font-weight: 600; text-align: center; padding: 10px 5px; }

/* default gallery */
.entry .gallery,
.widget .gallery { clear: both; overflow: hidden; width: 100%; margin-top: 15px!important; margin-bottom: 15px!important; }
.entry .gallery img,
.widget .gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
.entry .gallery .gallery-item,
.widget .gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin-top: 0!important; }
.entry .gallery .gallery-caption,
.widget .gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 13px; 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,
.widget .gallery-columns-2 .gallery-caption,
.widget .gallery-columns-3 .gallery-caption,
.widget .gallery-columns-4 .gallery-caption,
.widget .gallery-columns-5 .gallery-caption,
.widget .gallery-columns-6 .gallery-caption,
.widget .gallery-columns-7 .gallery-caption,
.widget .gallery-columns-8 .gallery-caption,
.widget .gallery-columns-9 .gallery-caption { display: none!important; }

/*  base : headings
/* ------------------------------------ */
.heading,
#reply-title { font-weight: normal; font-size: 18px; font-weight: 600; margin-bottom: 1em; }
.heading i { font-size: 22px; margin-right: 6px; }


/* ------------------------------------------------------------------------- *
 *  Base Blocks
/* ------------------------------------------------------------------------- */

/*  blocks : common
/* ------------------------------------ */

/* block : paragraph */
.entry p { margin-bottom: 32px; }

/* block : heading */
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: 300; -ms-word-wrap: break-word; word-wrap: break-word; }
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 { font-weight: 600; line-height: 1.3em; }
.entry h1 span, 
.entry h2 span, 
.entry h3 span, 
.entry h4 span, 
.entry h5 span, 
.entry h6 span { color: #bbb; }
.entry h1 { font-size: 38px; letter-spacing: -1px; }
.entry h2 { font-size: 34px; letter-spacing: -0.7px; }
.entry h3 { font-size: 28px; letter-spacing: -0.5px; }
.entry h4 { font-size: 24px; letter-spacing: -0.3px; }
.entry h5 { font-size: 20px; font-weight: 600; }
.entry h6 { font-size: 16px; font-weight: 600; text-transform: uppercase; }

/* block : list */
.entry ol,
.entry ul { margin: 0 0 15px 30px; padding-left: 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; }
.entry ol li,
.entry ol ul ol li { list-style: decimal; }

/* block : common */
.entry .wp-block-image figcaption,
.entry .wp-block-audio figcaption,
.entry .wp-block-embed figcaption { font-size: 14px; text-align: center; }

/* block : image */
.entry .wp-block-image {  }

/* block : gallery */
.entry .wp-block-gallery { padding: 0; margin-left: 0; }
.entry .wp-block-gallery .blocks-gallery-grid { margin: 0; padding: 0; }
.entry .wp-block-gallery .blocks-gallery-item figcaption { box-sizing: border-box; }

/* block : cover */
.entry .wp-block-cover {  }

/* block : quote */
.entry .wp-block-quote { margin-bottom: 20px; }
.entry .wp-block-quote.is-large { padding-left: 50px; }

/* block : audio */
.entry .wp-block-audio {  }

/* block : file */
.entry .wp-block-file {  }
.entry .wp-block-file a.wp-block-file__button { color: #fff; }

/* block : video */
.entry .wp-block-embed {  }

/*  blocks : formatting
/* ------------------------------------ */

/* block : classic */
.entry .wp-block-classic {  }

/* block : pullquote */
.entry .wp-block-pullquote { padding-top: 0; padding-bottom: 0; }
.entry .wp-block-pullquote.alignleft { margin-right: 2em; }
.entry .wp-block-pullquote.alignright { margin-left: 2em; }
.entry .wp-block-pullquote blockquote { padding-left: 50px; text-align: left; }
.entry .wp-block-pullquote blockquote p { line-height: 1.4em; }

/* block : code */
.entry .wp-block-code {  }
.entry .wp-block-code code { background: none; }

/* block : custom html */
.entry .wp-block-custom {  }

/* block : preformatted */
.entry .wp-block-preformatted {  }

/* block : table */
.entry .wp-block-table {  }

/* block : verse */
.entry .wp-block-verse {  }

/*  blocks : layout elements
/* ------------------------------------ */

/* block : separator */
.entry .wp-block-separator {  }

/* block : more */
.entry .more-link {  }

/* block : button */
.entry .wp-block-button {  }
.entry .wp-block-button a { color: #fff; }

/* block : columns */
.entry .wp-block-columns {  }

/* block : media & text */
.entry .wp-block-media-text {  }
.entry .has-large-font-size { line-height: 1.4em; }

/* block : spacer */
.entry .wp-block-spacer {  }

/* block : page break */
.entry .post-pages {  }

/*  blocks : widgets
/* ------------------------------------ */

/* block : latest comments */
.entry .wp-block-latest-comments { padding-left: 0; }

/* block : latest posts */
.entry .wp-block-latest-posts {  }

/* block : archives */
.entry .wp-block-archives {  }

/* block : categories */
.entry .wp-block-categories {  }

/* block : shortcode */
.entry .wp-block-shortcode {  }

/* block : calendar */
.entry .wp-block-calendar {  }

/* block : rss */
.entry .wp-block-rss {  }

/* block : search */
.entry .wp-block-search {  }

/* block : tag cloud */
.entry .wp-block-tag-cloud {  }

/*  blocks : shared
/* ------------------------------------ */
.entry > ol,
.entry > ul,
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.entry .wp-block-image,
.entry .wp-block-gallery,
.entry .wp-block-cover,
.entry .wp-block-embed,
.entry .wp-block-quote,
.entry .wp-block-pullquote,
.entry .wp-block-audio,
.entry .wp-block-file,
.entry .wp-block-code,
.entry .wp-block-preformatted,
.entry .wp-block-table,
.entry .wp-block-media-text,
.entry .wp-block-button,
.entry .wp-block-separator,
.entry .wp-block-columns,
.entry .wp-block-latest-comments,
.entry .wp-block-latest-posts,
.entry .wp-block-archives,
.entry .wp-block-categories,
.entry .wp-block-shortcode,
.entry .wp-block-calendar,
.entry .wp-block-rss,
.entry .wp-block-search,
.entry .wp-block-tag-cloud { margin-top: 32px; margin-bottom: 32px; }

/*  blocks : important
/* ------------------------------------ */
.entry > *:not(.alignfull) { max-width: 680px; margin-left: auto; margin-right: auto; box-sizing: border-box; }
.entry > *:not(.alignfull).alignwide { max-width: 940px; }
.entry > .alignfull { margin-left: -60px; margin-right: -60px; max-width: none; width: auto; }

@media only screen and (max-width: 719px) {
	.entry > .alignfull { margin-left: -40px; margin-right: -40px; }
}


/* ------------------------------------------------------------------------- *
 *  Base Structure
/* ------------------------------------------------------------------------- */

/*  base : layout
/* ------------------------------------ */
#wrapper { min-width: 1024px; height: 100%; overflow: hidden; }
.container {  }
.container-inner { max-width: 1280px; margin: 0 auto; position: relative; padding: 0 40px; box-sizing: border-box; }
.main { padding-right: 10px; padding-left: 10px; }
.main-inner { position: relative; min-height: 600px; /* instead of sticky footer */ }
.content { margin: 0 auto; padding: 30px 30px; position: relative; width: 100%; box-sizing: border-box; }
.pad { padding: 30px 50px; }

/* boxed */
body.boxed { background: #ddd; }
.boxed #wrapper { background: #f1f1f1; max-width: 1380px; margin: 0 auto; box-shadow: 0 0 3px rgba(0,0,0,0.2); }

/*  base : layout columns
/* ------------------------------------ */

/* 2 column, content left */
.col-2cl .content { order: 1; }
.col-2cl .s1 { order: 2; padding-right: 30px; }

/* 2 column, content right */
.col-2cr .content { order: 3; }
.col-2cr .s1 { order: 2; padding-left: 30px; }

/*  base : sidebar
/* ------------------------------------ */
.sidebar { position: relative; z-index: 2; }
.sidebar .pad { padding-left: 20px; padding-right: 20px; }

/* sidebar primary */
.s1 {  }

/*  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%; }
.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 : responsive videos
/* ------------------------------------ */
embed, object, iframe { max-width: 100%; }
.video-container { height: auto!important; max-width: 100%!important; text-align: center; }
.video-container iframe { margin: 0 auto; }
.video-container > div { margin: 0 auto; }

/*  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: 13px; 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; z-index: 2; }
.social-links li { display: inline-block; margin-left: 8px; line-height: 16px; font-size: 0; }
.social-links li a { display: block!important; position: relative; text-align: center; }
.social-links .social-tooltip { color: #333; font-size: 24px; display: inline; position: relative; z-index: 98; }
.social-links .social-tooltip:hover { color: #444; text-decoration: none; }
.social-links .social-tooltip:hover:after { top: -36px; background: #eee; font-size: 14px; color: #666; content: attr(title); display: block; right: 0; padding: 5px 10px; position: absolute; white-space: nowrap; 
-webkit-border-radius: 3px; border-radius: 3px; }
.social-links .social-tooltip:hover:before { top: -10px; right: 8px; border: solid; border-color: #eee transparent; border-width: 5px 5px 0 5px; content: ""; display: block; position: absolute; z-index: 1; }

/*  common : page title
/* ------------------------------------ */
.page-title { background: #fff; border-radius: 10px 10px 20px 20px; border-bottom: 1px solid #eee; padding: 20px 30px; margin-bottom: 30px; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
.page-title i { float: right; }
.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4 { font-size: 20px; line-height: 1.4em; font-weight: 600; }
.page-title span { color: #999; }
.page-title .notebox { font-size: 16px; font-weight: 300; margin-top: 10px; }

/*  common : notebox
/* ------------------------------------ */
.notebox { position: relative; color: #777; font-size: 16px; line-height: 1.6em; }
.error404 .notebox { margin-bottom: 30px; }
.error404 .notebox input { margin-top: 10px; }
.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: 44px; line-height: 70px; 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: 15px; 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: 30px 20px; }
.pagination a { font-size: 18px; font-weight: 600; }
.pagination ul { text-align: center; font-size: 0; }
.pagination ul li { display: inline-block; float: none; }
.pagination ul li a:before { font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 52px; line-height: 70px; display: block; }
.pagination ul li.next a:before { content: "\f105"; }
.pagination ul li.prev a:before { content: "\f104"; }
.pagination ul li a { display: inline-block; font-size: 0; margin: 10px; width: 70px; height: 70px; border-radius: 40px; background: #f5f5f5; }

/*  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: 50%; left: 50%; margin-left: -16px; margin-bottom: -16px;
-webkit-border-radius: 4px; border-radius: 4px;
-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: 18px; padding: 7px 0;
-webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
.thumb-icon .fa-play { margin: -1px 0 0 2px; }
.thumb-icon.small { width: 24px; height: 24px; position: absolute; bottom: 50%; left: 50%; margin: 0 0 -10px -12px;
-webkit-border-radius: 3px; border-radius: 3px; }
.thumb-icon.small i { font-size: 12px; line-height: 16px; padding: 5px 0; }


/* ------------------------------------------------------------------------- *
 *  Section: Header
/* ------------------------------------------------------------------------- */
#wrapper { overflow: hidden; }
#header { background: linear-gradient(90deg, #00d4ff 0%, #0072ff 100%); position: relative; }
#header-inner {  }
#page { }
.main { min-height: 100vh; }
.main-inner { display: flex; }
.content { overflow: hidden; }
.sidebar { max-width: 330px; min-width: 330px; position: relative; box-sizing: border-box; padding: 30px 0; }

#header .social-links { float: right; margin: 16px 60px 0 0; }
#header .social-links .social-tooltip { color: rgba(255,255,255,0.75); }
#header .social-links .social-tooltip:hover { color: #fff; }
#header .social-links .social-tooltip:before,
#header .social-links .social-tooltip:after { display: none; }

.site-title { float: left; font-size: 36px; font-weight: 600; letter-spacing: -0.5px; line-height: 40px; padding: 10px 0; position: relative; z-index: 2; }
.site-title a { display: block; color: #fff; max-width: 100%; }
.site-title a img { margin: 0 auto; display: block; max-width: 100%; max-height: 40px; height: auto; }
.site-description { float: left; font-size: 15px; line-height: 1.6em; font-weight: 300; color: rgba(255,255,255,0.75); position: relative; margin: 18px 0 0 20px; }
.site-header { background: #eee; }
.site-image { display: block; margin: 0 auto; max-height: 400px; }

#profile { background: #fff; position: relative; padding: 40px 80px; }
#profile-inner { position: relative; margin-left: 150px; }
#profile-image { background: #eee; float: left; margin-left: -150px; padding: 6px; border-radius: 100%; position: relative; }
#profile-image img { display: block; border-radius: 100%; height: 100px; width: 100px; border: 6px solid #fff; position: relative; z-index: 2; }
#profile-image:before { background: #ffbd2f; border-radius: 20px; content: ""; display: block; position: absolute; left: -40px; top: 50px; bottom: 50px; right: 40px; z-index: 1; }
#profile-image:after { background: #fff; border-radius: 0 30px 30px 0; content: ""; display: block; position: absolute; width: 160px; left: -80px; top: 30px; bottom: 30px; }
#profile-name { color: #333; font-size: 28px; font-weight: 600; line-height: 1.2em; margin-bottom: 14px; }
#profile-description { font-size: 16px; line-height: 1.6em; font-weight: 300; color: #999; position: relative; }

/*  header : search
/* ------------------------------------ */
.header-search { position: absolute; z-index: 99; right: 40px; top: 8px; }
.toggle-search { background: #fff; color: rgba(0,0,0,0.7); outline: none; border: 0; border-radius: 10px 10px 20px 20px; padding: 6px 10px; float: right; text-align: center; font-size: 18px; line-height: 24px; cursor: pointer; display: block; }
.search-expand { display: none; position: absolute; top: 3px; right: 54px; width: 300px; z-index: 102; }
.search-expand .themeform input { background: #fff; width: 100%; border-radius: 6px; border: 1px solid #ddd; }
.search-expand .themeform input:focus { border-color: #ccc; }

.toggle-search.active { padding-top: 9px; padding-bottom: 9px; }
.toggle-search .svg-icon { fill: #333; margin: 0 auto; }
.toggle-search #svg-close { display: none; }
.toggle-search.active #svg-search { display: none; }
.toggle-search.active #svg-close { display: block; fill: rgba(0,0,0,0.5); }
.toggle-search:focus #svg-search { fill: rgba(0,0,0,0.5); }
.toggle-search:focus #svg-close { fill: #333; }


/* ------------------------------------------------------------------------- *
 *  Section: Navigation
/* ------------------------------------------------------------------------- */

/* menu hamburger */
.menu-toggle-icon { float: right; width: 30px; height: 20px; position: relative; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; }
.menu-toggle-icon span { display: block; position: absolute; height: 2px; width: 100%; background: #333; border-radius: 2px; opacity: 1; left: 0; transform: rotate(0deg); transition: .25s ease-in-out; }
.menu-toggle-icon span:nth-child(1) { top: 0px; transform-origin: left center; }
.menu-toggle-icon span:nth-child(2) { top: 8px; transform-origin: left center; }
.menu-toggle-icon span:nth-child(3) { top: 16px; transform-origin: left center; }
.toggled .menu-toggle-icon span:nth-child(1) { transform: rotate(45deg); top: -2px; left: 5px; }
.toggled .menu-toggle-icon span:nth-child(2) { width: 0%; opacity: 0; }
.toggled .menu-toggle-icon span:nth-child(3) { transform: rotate(-45deg); top: 19px; left: 5px; }

/* menu hide and display */
@media only screen and (min-width: 720px) {
	.mobile-menu #wrap-nav-mobile { display: none; }
}
@media only screen and (max-width: 719px) {
	.mobile-menu #wrap-nav-header { display: none; } 
	#nav-mobile,
	#nav-header { display: none; }
	.mobile #nav-mobile,
	.mobile #nav-header { display: block; }
}

/* menu base */
.nav-menu > .menu-toggle { display: none; }
.nav-menu.mobile > .menu-toggle { display: block; }
.nav-menu.mobile > .menu-toggle ~ * { max-height: 4000px; overflow: hidden; width: 100%; transition: max-height 0.5s cubic-bezier(1, 0, 1, 0); }
.nav-menu.mobile > .menu-toggle[aria-expanded="false"] ~ * { max-height: 0; transition: max-height 0.5s cubic-bezier(0, 1.05, 0, 1); }
.nav-menu .menu,
.nav-menu .menu ul { display: flex; list-style: none; list-style-type: none; margin: 0; padding: 0; }
.nav-menu a { display: block; text-decoration: none; width: 100%; }
.nav-menu.mobile ul { flex-direction: column; }
.nav-menu .menu ul { flex-direction: column; max-width: 0; max-height: 0; overflow: hidden; }
.nav-menu .menu ul.active,
.nav-menu:not(.mobile) .menu li.hover > ul { max-width: 100vw; max-height: 300vh; }
.nav-menu:not(.mobile) .menu .sub-menu { position: absolute; }
.nav-menu .screen-reader-text { display: none; }
.nav-menu .menu-item-wrapper { display: flex; }
.nav-menu { line-height: 20px; }
.nav-menu button { color: inherit; cursor: pointer; font-family: inherit; position: relative; text-align: inherit; user-select: none; background: none; border: none; box-shadow: none; border-radius: 0; font-size: inherit; font-weight: 400; letter-spacing: inherit; padding: 0; text-transform: none; }
.nav-menu.mobile .menu ul { transition: max-height 500ms; max-width: 100%; }

.nav-menu:not(.mobile) .menu { flex-wrap: wrap; justify-content: flex-start; }
.nav-menu:not(.mobile) .menu ul.active,
.nav-menu:not(.mobile) .menu li.hover > ul { overflow: visible; width: 200px; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; }
.nav-menu:not(.mobile) .menu ul .sub-menu { left: 220px; top: 0; }
.nav-menu:not(.mobile) .menu { position: relative; }
.nav-menu:not(.mobile) .menu ul { font-size: 15px; opacity: 0; padding: 10px 0; position: absolute; top: calc(100% + 20px); transition: opacity 0.15s linear, transform 0.15s linear, right 0s 0.15s; transform: translateY(6px); z-index: 3; }
.nav-menu:not(.mobile) .menu ul li { position: relative; }
.nav-menu:not(.mobile) .menu ul a { display: block; padding: 7px 20px; transition: background-color 0.15s linear; width: 100%; }
.nav-menu:not(.mobile) .menu li.menu-item-has-children.focus > ul {	min-width: 200px; max-width: 200px; max-height: 300vh; overflow: visible; opacity: 1; transform: translateY(0); transition: opacity 0.15s linear, transform 0.15s linear; }
.nav-menu:not(.mobile) .menu li.menu-item-has-children.focus > ul:focus-within { opacity: 1!important; }
.nav-menu:not(.mobile) .menu li ul.sub-menu:not(.active) { opacity: 0; }
.nav-menu:not(.mobile) .menu li.hover ul.sub-menu:not(.active) { opacity: 1; }
.nav-menu:not(.mobile) .menu li.focus ul ul.sub-menu:not(.active) { opacity: 0; }
.nav-menu:not(.mobile) .menu li.focus ul li.hover ul.sub-menu { opacity: 1; }

.nav-menu:not(.mobile) .menu ul:before,
.nav-menu:not(.mobile) .menu ul:after { content: ""; display: block; position: absolute; bottom: 100%; }
.nav-menu:not(.mobile) .menu ul:before { left: 0; right: 0; height: 20px; }
.nav-menu:not(.mobile) .menu ul:after { border: 8px solid transparent; border-bottom-color: transparent; left: 18px; }
.nav-menu:not(.mobile) .menu ul ul { left: calc(100% + 20px); top: -10px !important; }
.nav-menu:not(.mobile) .menu ul ul:before { bottom: 0; height: auto; left: auto; left: -20px; top: 0; width: 22px; }
.nav-menu:not(.mobile) .menu ul ul:after { border-bottom-color: transparent; bottom: auto; left: -16px; top: 20px; }
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:before { left: auto; right: -20px; }
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul { right: calc(100% + 20px); left: auto; }
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: transparent; right: -16px; left: auto; }
.nav-menu-dropdown-left .nav-menu:not(.mobile) ul ul button .svg-icon { transform: none; }

.nav-menu:not(.mobile) a,
.nav-menu:not(.mobile) span { transition: all 0.3s ease; }

.nav-menu.mobile { padding: 0; }
.nav-menu.mobile button:focus { outline: none; }
.nav-menu.mobile > button { padding: 16px 20px; float: right; }
.nav-menu.mobile button .svg-icon { transition: all 250ms; }
.nav-menu.mobile button.active .svg-icon { transform: rotate(180deg); }
.nav-menu.mobile ul { border: 0; }
.nav-menu.mobile ul li .menu-item-wrapper { justify-content: space-between; width: 100%; }
.nav-menu.mobile > div > ul > li:last-child { margin-bottom: 52px; }
.nav-menu.mobile ul li a { font-size: 16px; font-weight: 600; padding: 14px 20px; }
.nav-menu.mobile ul ul li a { font-size: 14px; }
.nav-menu.mobile ul ul li a { padding: 12px 0 12px 40px; }
.nav-menu.mobile ul ul ul li a { padding: 12px 0 12px 60px; }
.nav-menu.mobile ul button { margin: 10px 0; padding: 0 20px; }

/* menu mobile fix */
.nav-menu.mobile > div > ul.menu,
.nav-menu.mobile.toggled > div > ul.menu ul.sub-menu { visibility: hidden; transition: all 0.3s ease; }
.nav-menu.mobile.toggled > div > ul.menu,
.nav-menu.mobile.toggled > div > ul.menu ul.sub-menu.active { visibility: visible; }
.nav-menu.mobile button:focus,
.menu-toggle:focus { background: rgba(0,0,0,0.04); }

/* menu styling */
.nav-menu a { color: #fff; }
.nav-menu .svg-icon { fill: #333; }
.wrap-nav#wrap-nav-header { background: #fff; border-bottom: 1px solid #eee; }
.nav-menu:not(.mobile) { max-width: 1280px; margin: 0 auto; box-sizing: border-box; }
.nav-menu:not(.mobile) .menu ul { background: #333; color: #fff; border-radius: 4px; }
.nav-menu:not(.mobile) .menu ul:after { border-bottom-color: #333; }
.nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #333; }
.nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after { border-left-color: #333; }

.nav-menu:not(.mobile) { font-size: 15px; font-weight: 300; float: none; padding: 0 40px 14px 40px; }
.nav-menu:not(.mobile) a { color: #666; }
.nav-menu:not(.mobile) a:hover { color: #333; }
.nav-menu:not(.mobile) ul ul a:hover { color: #ccc; }
.nav-menu:not(.mobile) ul ul > li:hover > span { background: rgba(255,255,255,0.1); }
.nav-menu:not(.mobile) ul ul a { color: #eee; }
.nav-menu:not(.mobile) button { background: none; color: #666; padding: 0 4px; margin-left: 2px; border-radius: 4px; }
.nav-menu:not(.mobile) button.active { background: #eee; color: #333; }
.nav-menu:not(.mobile) button .svg-icon { fill: #ccc; }
.nav-menu:not(.mobile) ul ul button { background: none; color: #eee; padding: 0 5px; margin: 0 10px 0 0; }
.nav-menu:not(.mobile) ul ul button.active { background: #444; color: #eee; }
.nav-menu:not(.mobile) ul ul button .svg-icon { transform: rotate(-90deg); }
.nav-menu:not(.mobile) .menu > li { margin: 16px 20px 0 0; position: relative; }
.nav-menu:not(.mobile) .menu > li:last-child { margin-right: 0; }
.nav-menu:not(.mobile) .menu a { padding: 0; }

.nav-menu:not(.mobile) li.current_page_item > span > a, 
.nav-menu:not(.mobile) li.current-menu-item > span > a, 
.nav-menu:not(.mobile) li.current-menu-ancestor > span > a, 
.nav-menu:not(.mobile) li.current-post-parent > span > a { color: #333; }
.nav-menu:not(.mobile) ul ul li.current_page_item > span > a, 
.nav-menu:not(.mobile) ul ul li.current-menu-item > span > a, 
.nav-menu:not(.mobile) ul ul li.current-menu-ancestor > span > a, 
.nav-menu:not(.mobile) ul ul li.current-post-parent > span > a { color: #aaa; }

.nav-menu.mobile { background: #fff; border-bottom: 1px solid #eee; }
.nav-menu.mobile button.active .svg-icon { fill: #333; }
.nav-menu.mobile ul ul { background: rgba(0,0,0,0.03); }
.nav-menu.mobile ul li .menu-item-wrapper,
.nav-menu.mobile ul ul li .menu-item-wrapper { border-bottom: 1px solid rgba(0,0,0,0.07); }
.nav-menu.mobile ul li a { color: #333; }
.nav-menu.mobile ul button,
.nav-menu.mobile ul ul button { border-left: 1px solid rgba(0,0,0,0.07); }
.nav-menu.mobile > div > ul { border-top: 1px solid rgba(0,0,0,0.07); }


/* ------------------------------------------------------------------------- *
 *  Section: Page
/* ------------------------------------------------------------------------- */
.featured-item-wrap { background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); margin: 20px 10px 14px; border-radius: 10px 10px 20px 20px; overflow: hidden; }
.featured-item { background-color: #ccc; background-position: center; background-size: cover; border-bottom: 5px solid #f1f1f1; border-radius: 10px 10px 20px 20px; overflow: hidden; position: relative; z-index: 2; overflow: hidden; width: 100%; float: left; height: 260px; position: relative; }
.featured-item:before { opacity: 0.7; background: url(img/image-gradient.png) repeat-x; background-size: 100% 100%; content: ""; position: absolute; display: block; height: 100%; width: 100%; bottom: 0; display: block; transition: all .4s ease; }
.featured-item:hover:before { opacity: 0.4; }

.featured-content { position: absolute; left: 0; right: 0; bottom: 0; padding: 20px; }
.featured-category { color: #fff; opacity: 0.75; }
.featured-category a { color: #fff; font-size: 13px; display: inline-block; text-transform: uppercase; font-weight: 600; margin-bottom: 10px; }
.featured-date { color: #fff; font-size: 13px; opacity: 0.5; font-weight: 600; text-transform: uppercase; margin-top: 10px; }
.featured-title { color: #fff; font-size: 17px; font-weight: 600; line-height: 1.4em; }
.featured-link { width: 100%; height: 100%; display: block; top: 0; left: 0; position: absolute; z-index: 5; opacity: 0 !important; color: transparent !important; }

.featured-item .thumb-icon { top: 20px; left: 30px; bottom: auto; right: auto; }
.featured-item:hover .thumb-icon { background: #fff; color: #222; }

.featured-category-title { background: #00b2d7; color: #fff; font-size: 36px; line-height: 40px; font-weight: 600; position: absolute; top: 41px; left: 10px; z-index: 2; }
.featured-category-title span { padding: 15px 25px 15px 30px; position: relative; display: block; z-index: 2; }
.featured-category-title span:before { content:''; display: block; border-left: 35px solid #00b2d7; border-right: 35px solid transparent; border-top: 35px solid #00b2d7; border-bottom: 35px solid #00b2d7; position: absolute; top: 0; right: -35px; z-index: -1; }
.featured-category-title span:after { content:''; display: block; border-left: 10px solid transparent; border-right: 10px solid #00b2d7; border-top: 10px solid transparent; border-bottom: 10px solid transparent; position: absolute; bottom: -10px; left: -10px; }

.post-comments { background: linear-gradient(90deg, #00d4ff 0%, #0072ff 100%); font-size: 16px; font-weight: 600; line-height: 20px; color: #fff; display: block; position: absolute; top: 7px; right: 7px; z-index: 6; border-radius: 7px; }
.post-comments > span { display: block; position: relative; padding: 4px 8px; }
.post-comments > span:before { content:''; position: absolute; left: -11px; bottom: 9px; border-style: solid; border-width: 6px; border-color: transparent #00d4ff transparent transparent; }
.post-comments:hover { color: #fff; opacity: 0.75; }

.featured-item-date { color: rgba(0,0,0,0.5); font-size: 14px; padding: 10px 20px; float: left; }

.slick-posts-wrap-outer { display: none; /* before loading */ border-bottom: 5px solid #fff; }
.slick-posts-wrap { padding: 0 30px; }
.slick-posts { position: relative; z-index: 2; }

/*
.slick-posts:before { background: linear-gradient(to right, #f1f1f1 0%,rgba(0,0,0,0) 100%); content:""; display: block; top: 0; left: 0; bottom: 0; width: 40px; position: absolute; z-index: 3; pointer-events: none; }
.slick-posts:after { background: linear-gradient(to right, rgba(0,0,0,0) 0%,#f1f1f1 100%); content:""; display: block; top: 0; right: 0; bottom: 0; width: 40px; position: absolute; z-index: 3; pointer-events: none; }
*/

.slick-posts-nav { position: relative; text-align: center; margin-bottom: 0; z-index: 3; }
.slick-posts-nav .slick-prev,
.slick-posts-nav .slick-next { background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); transition: all 0.3s ease; position: relative; display: inline-block; margin: 10px 10px 0; height: 34px; width: 34px; border-radius: 10px; }
.slick-posts-nav .slick-prev:hover,
.slick-posts-nav .slick-next:hover,
.slick-posts-nav .slick-prev:focus,
.slick-posts-nav .slick-next:focus { background: #fff; }
.slick-posts-nav .slick-prev { left: 0; }
.slick-posts-nav .slick-next { right: 0; }
.slick-posts-nav .slick-prev:before { color: #000; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f053"; }
.slick-posts-nav .slick-next:before { color: #000; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f054"; }

.slick-image-slide-wrapper { display: none; /* before loading */ position: relative; }
.slick-image-slide { background: #333; }
.slick-image-slide .slick-slide > div > div { display: block!important; }
.slick-image-slide .slick-slide { position: relative; }
.slick-image-slide .slick-slide img { margin: 0 auto; }
.slick-image-slide-nav { position: absolute; text-align: center; margin-top: -10px; position: absolute; left: 0; right: 0; top: 50%; z-index: 99; pointer-events: none; }
.slick-image-slide-nav .slick-prev { float: left; }
.slick-image-slide-nav .slick-next { float: right; }
.slick-image-slide-nav .slick-prev,
.slick-image-slide-nav .slick-next { background: #eee; transition: all 0.3s ease; position: relative; display: inline-block; margin: 10px; height: 34px; width: 34px; border-radius: 4px; pointer-events: auto; }
.slick-image-slide-nav .slick-prev:hover,
.slick-image-slide-nav .slick-next:hover,
.slick-image-slide-nav .slick-prev:focus,
.slick-image-slide-nav .slick-next:focus { background: #e5e5e5; }
.slick-image-slide-nav .slick-prev { left: 0; }
.slick-image-slide-nav .slick-next { right: 0; }
.slick-image-slide-nav .slick-prev:before { color: #000; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f053"; }
.slick-image-slide-nav .slick-next:before { color: #000; font-family: "Font Awesome 6 Free"; font-weight: 900; content: "\f054"; }
.slick-image-slide-dots { background: red; }
.slick-image-slide-dots .slick-dots li { height: 10px; width: 10px; margin: 0 3px; }
.slick-image-slide-dots .slick-dots li button { background: rgba(0,0,0,0.2); height: 10px; width: 10px; border-radius: 100%; text-indent: -9999px; overflow: hidden; }
.slick-image-slide-dots .slick-dots .slick-active button { background: rgba(0,0,0,0.7); }

.post-format { position: relative; z-index: 2; }

.front-widgets { margin: 0 0 40px; }
.front-widget-col { width: 50%; float: left; }
.front-widget-inner { margin-right: 30px; }
.front-widgets .widget { padding-top: 20px; padding-bottom: 20px; }
.front-widgets .widget > h3 { color: #333; border-bottom-color: #fff; }


/* ------------------------------------------------------------------------- *
 *  Section: Subheader
/* ------------------------------------------------------------------------- */

/*  subheader
/* ------------------------------------ */
.subheader { }
.subheader-inner { background: #fff; border-radius: 0 0 16px 16px; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
.subheader ul.subheader-list { padding: 14px 0; color: rgba(0,0,0,0.5); }
.subheader ul.subheader-list li { color: #999; font-size: 17px; line-height: 28px; float: right; padding-left: 14px; }
.subheader ul.subheader-list li:first-child { float: left; border-left: 0; padding-left: 0; margin-left: 0; }
.subheader ul.subheader-list li strong { font-weight: 600; color: rgba(0,0,0,0.7); line-height: 1.5em; }
.subheader ul.subheader-list li a { color: #00a0ff; font-weight: 600; }
.subheader ul.subheader-list li a:hover { color: #333; }
.subheader ul.subheader-list li i { color: rgba(0,0,0,0.2); }

.subheader ul.subheader-list li .post-comments { right: auto; top: auto; color: #fff; position: relative; }
.subheader ul.subheader-list li .post-comments:hover { color: #fff; } 

/*  subheader : card articles
/* ------------------------------------ */
.card-articles-wrap { padding-bottom: 20px; }
body.single .card-articles-wrap { padding-bottom: 60px; }
.card-articles { display: flex; }
.card-articles::after { content: ""; position: absolute; right: 40px; top: 3rem; bottom: 3.6rem; width: 5px; border-radius: 5px; background: linear-gradient(0deg, #0072ff 0%, #00d4ff 100%); }
.card-header { background: linear-gradient(130deg, #0072ff 0%, #00d4ff 100%); border-radius: 10px 10px 20px 20px; margin-top: 4rem; flex: 0 0 80px; margin-right: 1rem; position: relative; display: flex; flex-direction: column; justify-content: flex-end; padding: 1.5rem 1rem; transform: translateY(-10px); }
.card-header:before { content: ""; background: linear-gradient(130deg, #00d4ff 0%, #0072ff 100%); box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); position: absolute; top: -5px; left: -5px; width: calc(100% + 10px); height: calc(100% + 10px); z-index: 1; border-radius: 10px 10px 20px 20px; }
.card-header:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(85deg,#fff,#eee); z-index: 2; border-radius: 7px 7px 16px 16px; }
.card-header-title { color: #00a0ff; position: relative; z-index: 3; font-size: 17px; text-align: center; line-height: 1.3em; font-weight: 600; }
.card-header-title i { font-size: 32px; display: block; width: 100%; text-align: center; margin-bottom: 10px; }
.mini-card-grid { width: 100%; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill,minmax(250px,1fr)); margin: 0 0 1.5rem; position: relative; scrollbar-color: #f1f1f1 #fff; scrollbar-gutter: always; padding: 3rem 0 3rem 2rem; margin: 0; display: flex; overflow-x: scroll; -webkit-overflow-scrolling: touch; }
.mini-card { min-width: 300px; min-height: 100px; box-shadow: -2rem 0 3rem -2rem rgba(0,0,0,0.2); position: relative; padding: 1.5rem; border-radius: 10px 10px 20px 20px; background: linear-gradient(85deg,#fff,#eee); color: #fff; display: flex; flex-direction: column; transition: .2s; margin: 0; }

.mini-card:first-child:focus-within, 
.mini-card:first-child:hover { transform: translate(-1rem); }
.mini-card:focus-within, 
.mini-card:hover { transform: translate(-1rem); }
.mini-card:not(:first-child) { margin-left: -160px; box-shadow: -3rem 0 3rem -2rem rgba(0,0,0,0.2); }
.mini-card:focus-within ~ .mini-card, 
.mini-card:hover ~ .mini-card { transform: translateX(130px); }

.mini-card-title { font-size: 22px; line-height: 1.3em; font-weight: 600; margin-bottom: 10px; }
.mini-card-title a:hover { color: #00a0ff; }
.mini-card-category { color: rgba(0,0,0,0.3); margin-bottom: 6px; }
.mini-card-category a { color: #00a0ff; font-weight: 600; }
.mini-card-category a:hover { color: #333; }
.mini-card-date { font-size: 14px; color: rgba(0,0,0,0.5);}
.mini-card-date i { margin-right: 6px; }
.mini-card-author {  }
.mini-card-thumb { background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); padding: 5px; position: absolute; right: 15px; bottom: 15px; width: 64px; height: 64px; border-radius: 10px 10px 20px 20px; }
.mini-card-thumb img { width: 64px; height: 64px; border-radius: 7px 7px 16px 16px; }

/*  subheader : recent comments
/* ------------------------------------ */
.header-recent-comments-wrap { padding: 30px 0 40px; border-bottom: 5px solid #fff; }
.header-recent-comments {  }
.header-comments { width: 100%; float: left; border-radius: 30px; }
.header-comments li { float: left; width: 33.33%; position: relative; }
.header-comments li a { background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); padding: 10px; margin-left: 20px; display: block; color: rgba(0,0,0,0.7); font-size: 15px; border-radius: 30px; }
.header-comments li a:hover { background: linear-gradient(90deg, #00d4ff 0%, #0072ff 100%); color: #fff; }
.header-comments li a:hover .header-comments-excerpt { color: rgba(255,255,255,0.7); }
.header-comments li img { background: #f1f1f1; border-radius: 10px 10px 20px 20px; width: 60px; height: 60px; position: absolute; left: 0; top: -14px; border: 5px solid #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
.header-comments li .header-comments-inner { display: block; float: left; padding: 0 10px 0 48px; height: 24px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; }
.header-comments li .header-comments-excerpt { color: rgba(0,0,0,0.5); }
.header-comments li i.fa { display: none; color: #333; }
.header-comments li a:hover i.fa { color: #fff; }


/* ------------------------------------------------------------------------- *
 *  Section: Footer
/* ------------------------------------------------------------------------- */
#footer { background: #fff; color: #777; position: relative; padding: 30px 0; border-top: 1px solid #f1f1f1; }
#footer .pad { padding-bottom: 20px; }

#footer-ads { background: #fff; text-align: center; padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
#footer-ads .widget { padding-bottom: 0; font-size: 0; line-height: 0; }
#footer-ads h3 { display: none; }

#footer-widgets { border-bottom: 1px solid #eee; padding-bottom: 40px; }
#footer-widgets .widget { padding: 20px 0; }

#footer-bottom { position: relative; z-index: 99; text-align: center; }
#footer-bottom img { box-shadow: none; }
#footer-bottom .pad { padding-top: 20px; }
#footer-bottom a { color: #444; }
#footer-bottom a:hover { color: #333; }
#footer-bottom #footer-logo { display: inline-block; margin-bottom: 20px; max-height: 40px; -webkit-border-radius: 0; border-radius: 0; }
#footer-bottom #copyright,
#footer-bottom #credit { color: #666; font-weight: 300; line-height: 1.6em; }
#footer-bottom #back-to-top { background: #f1f1f1; color: #333; padding: 14px 0; border-bottom: 1px solid #e5e5e5; position: relative; top: -1px; overflow: hidden; text-align: center; width: 60px; height: 30px; display: block; margin: 30px auto 0; border-radius: 10px 10px 20px 20px; }
#footer-bottom #back-to-top i { font-size: 38px; position: relative; top: -7px; }
#footer-bottom #back-to-top:hover { color: #333; }
#footer-bottom .social-links { padding-top: 30px; float: none; }
#footer-bottom .social-links a { color: #444; }
#footer-bottom .social-links a:hover { color: #333; }
#footer-bottom .social-links .social-tooltip { font-size: 20px; }
#footer-bottom .social-links .social-tooltip:hover:after { background: #333; color: #fff; }
#footer-bottom .social-links .social-tooltip:hover:before { border-color: #333 transparent; }


/* ------------------------------------------------------------------------- *
 *  Post Entry
/* ------------------------------------------------------------------------- */
.sticky {}
.content > article { background: #fff; border-radius: 10px 10px 20px 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
.post-wrapper { width: 100%; overflow: hidden; }

/*  blog layout : standard
/* ------------------------------------ */
.entry-list { margin-bottom: 30px; font-weight: 300; position: relative; }
.entry-list > article { background: #fff; border-radius: 10px 10px 20px 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }

.entry-list-inner { padding: 0 30px 20px 30px; position: relative; }
.entry-list-inner.entry-thumbnail-enabled {  }
.entry-list .entry-thumbnail { background: #f5f5f5; border-bottom: 5px solid #f1f1f1; border-radius: 10px 10px 20px 20px; max-height: 265px; overflow: hidden; position: relative; }
.entry-list .entry-thumbnail img { display: block; width: 100%; height: auto; }
.entry-list .entry-thumbnail:hover .thumb-icon { background: #fff; color: #333; }

.entry-list .post-comments { right: 30px; }

.entry-list .entry-title { margin: 22px 40px 12px 0; }
.entry-list .entry-title a { font-size: 28px; line-height: 1.3em; font-weight: 600; }
.entry-list .entry-title a:hover { color: #00a0ff; }
.entry-list .entry-excerpt { font-size: 18px; color: #999; line-height: 1.5em; margin-bottom: 20px; }

.entry-meta { color: #999; margin-bottom: 20px; }
.entry-meta li { float: left; margin-right: 10px; }
.entry-meta li a { color: #00a0ff; font-weight: 600; } 
.entry-meta li a:hover { color: #333; }
.entry-meta .entry-date i { margin-right: 6px; }

.post-thumbnail { position: relative; }

.entry-header,
.entry-media,
.entry-footer { max-width: 680px; padding-right: 60px; padding-left: 60px; margin-right: auto; margin-left: auto; }
.entry-content { padding-right: 60px; padding-left: 60px; padding-bottom: 40px; }

.entry-header { margin: 60px auto 20px; position: relative; }
.entry-header .entry-title { font-weight: 600; font-size: 40px; line-height: 1.3em; letter-spacing: -1px; margin-bottom: 20px; }
.entry-header .entry-title a { color: #333; }
.entry-header .entry-title a:hover { color: #000; }

.entry-media { max-width: 1920px; margin-bottom: 40px; padding-left: 0; padding-right: 0; border-radius: 10px 10px 20px 20px; overflow: hidden; }
.entry-content { position: relative; }
.entry-footer { margin-top: 40px; margin-bottom: 40px; }

.entry-bar { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.entry-bar.hide-scroll { -webkit-transform: translateY(100%); transform: translateY(100%); }

/*  blog layout : grid
/* ------------------------------------ */
.article-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(300px,1fr)); gap: 30px; }
.article-grid > article { background: #fff; border-radius: 10px 10px 20px 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); margin-bottom: 0; }

/*  blog layout : list
/* ------------------------------------ */
.article-list > article { background: #fff; padding-left: 30px; margin-bottom: 30px; border-radius: 10px 10px 20px 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
.article-list .entry-list-inner { float: left; width: 70%; box-sizing: border-box; }  
.article-list .entry-list .entry-thumbnail { float: left; width: 30%; margin-top: 30px; }
.article-list .entry-list .post-comments { top: 30px; }

/*  blog layout : search results
/* ------------------------------------ */
body.search article.type-page .post-comments,
body.search article.type-page .entry-meta { display: none; }

body.search .article-list > article.type-page { padding-left: 0; }
body.search .article-list > article.type-page .entry-thumbnail { display: none; }
body.search .article-list > article.type-page .entry-list-inner { width: 100%; }


/* ------------------------------------------------------------------------- *
 *  Single
/* ------------------------------------------------------------------------- */

/*  single : sharrre header
/* ------------------------------------ */
.sharrre-header { background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); border-radius: 10px 10px 20px 20px; margin-top: -40px; margin-bottom: 30px; overflow: hidden; }
.sharrre-header > span { display: none; }
.sharrre-header .post-sharrre { margin-top: 30px; }
.sharrre-header .sharrre { width: 25%; float: left; }
.sharrre-header .sharrre .box { display: block; padding: 10px 14px 10px 10px; border-left: 1px solid #eee; }
.sharrre-header .sharrre .count { width: 60%; margin-left: 10%; background: #eee; color: #fff; display: block; font-size: 15px; font-weight: 900; line-height: 30px; position: relative; text-align: center; border-radius: 10px 10px 20px 20px; }
.sharrre-header .sharrre .count:after { display: none; content:''; position: absolute; right: -12px; width: 0; height: 0; border: solid 6px transparent; border-left-color: #eee; bottom: 9px; }
.sharrre-header .sharrre .share { width: 20%; margin-left: 10%; display: block; font-size: 24px; font-weight: 600; line-height: 32px; padding: 0; text-align: center; text-decoration: none; }
.sharrre-header .sharrre .share,
.sharrre-header .sharrre .count,
.sharrre-header .sharrre .count:after { float: left; -webkit-transition: all .3s ease; transition: all .3s ease; }
.sharrre-header .sharrre .box:hover { background: #fff!important; }
.sharrre-header .sharrre .box:hover .share {}
.sharrre-header .sharrre .box:hover .count { color: #fff!important; }

.sharrre-header .sharrre#twitter .box:hover { background: #eef6f9; }
.sharrre-header .sharrre#twitter .box { border-bottom-color: #24a5db; }
.sharrre-header .sharrre#twitter .box:hover .count:after { border-left-color: #24a5db; }
.sharrre-header .sharrre#twitter .count,
.sharrre-header .sharrre#twitter .share,
.sharrre-header .sharrre#twitter .box:hover .count { color: #24a5db; }
.sharrre-header .sharrre#twitter .box:hover .count { background: #24a5db; }

.sharrre-header .sharrre#facebook .box:hover { background: #f0f2f7; }
.sharrre-header .sharrre#facebook .box { border-bottom-color: #3b5998; }
.sharrre-header .sharrre#facebook .box:hover .count:after { border-left-color: #3b5998; }
.sharrre-header .sharrre#facebook .count,
.sharrre-header .sharrre#facebook .share,
.sharrre-header .sharrre#facebook .box:hover .count { color: #3b5998; }
.sharrre-header .sharrre#facebook .box:hover .count { background: #3b5998; }

.sharrre-header .sharrre#pinterest .box:hover { background: #fbf1f0; }
.sharrre-header .sharrre#pinterest .box { border-bottom-color: #ca2128; }
.sharrre-header .sharrre#pinterest .box:hover .count:after { border-left-color: #ca2128; }
.sharrre-header .sharrre#pinterest .count,
.sharrre-header .sharrre#pinterest .share,
.sharrre-header .sharrre#pinterest .box:hover .count { color: #ca2128; }
.sharrre-header .sharrre#pinterest .box:hover .count { background: #ca2128; }

.sharrre-header .sharrre#linkedin .box:hover { background: #f2f8fb; }
.sharrre-header .sharrre#linkedin .box { border-bottom-color: #0077b5; }
.sharrre-header .sharrre#linkedin .box:hover .count:after { border-left-color: #0077b5; }
.sharrre-header .sharrre#linkedin .count,
.sharrre-header .sharrre#linkedin .share,
.sharrre-header .sharrre#linkedin .box:hover .count { color: #0077b5; }
.sharrre-header .sharrre#linkedin .box:hover .count { background: #0077b5; }

/*  single : sharrre footer
/* ------------------------------------ */
.sharrre-footer { display: flex; flex: 0 1 auto; margin: 0 -10px 40px; }
.sharrre-footer .sharrre { width: 50%; float: left; flex-basis: 50%; max-width: 50%; padding: 10px; }
.sharrre-footer .sharrre .box { display: block; padding: 10px 20px; color: #fff; font-size: 13px; border-radius: 10px 10px 20px 20px; }
.sharrre-footer .sharrre .box:hover { opacity: 0.85; }
.sharrre-footer .sharrre#twitter-footer .box { background: #24a5db; }
.sharrre-footer .sharrre#facebook-footer .box { background: #3b5998; }

.sharrre-footer .sharrre .share { font-weight: 600; text-transform: uppercase; }
.sharrre-footer .sharrre .share span { color: rgba(255,255,255,0.7); }
.sharrre-footer .sharrre .share i { font-size: 22px; margin-right: 6px; float: left; position: relative; bottom: -2px; }
.sharrre-footer .sharrre .count { background: rgba(255,255,255,0.15); float: right; min-width: 10px; padding: 0 10px; text-align: center; border-radius: 6px; }
.sharrre-footer .sharrre .count i { font-size: 18px; margin: 3px 0 0; float: none;  }

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

/*  single : tags
/* ------------------------------------ */
.post-tags { margin-bottom: 40px; }
.post-tags span { font-size: 14px; color: #999; display: inline-block; margin: 0 7px 0 0; }
.post-tags a { background: #eee; display: inline-block; white-space: nowrap; font-size: 14px; color: #999; padding: 1px 7px; margin: 0 5px 6px 0;
-webkit-border-radius: 3px; border-radius: 3px; }
.post-tags a:hover { background-color: #e5e5e5; color: #777; }

/*  single : author bio
/* ------------------------------------ */
.author-bio { background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); padding: 0 20px 20px; border-radius: 10px 10px 20px 20px; position: relative; color: #777; margin: 60px 0 30px; text-align: center; }
.author-bio:after { content: ""; position: absolute; left: 5px; top: 15px; bottom: 15px; width: 5px; border-radius: 5px; background: linear-gradient(0deg, #0072ff 0%, #00d4ff 100%); }
.author-bio .bio-avatar { width: 64px; height: auto; position: relative; display: inline-block; margin-top: -32px; }
.author-bio .bio-avatar:after { background: linear-gradient(130deg, #00d4ff 0%, #0072ff 100%); position: absolute; right: -6px; bottom: -6px; padding: 8px 8px; content: "\f303"; color: #fff; font-size: 10px; line-height: 12px; width: 12px; font-style: normal; font-family: "Font Awesome 6 Free"; font-weight: 900; text-align: center; border-radius: 100%; }
.author-bio .bio-avatar img { display: block; width: 100%; height: auto; border-radius: 10px 10px 20px 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
.author-bio p { margin-bottom: 8px; }
.author-bio .bio-name { color: rgba(0,0,0,0.7); font-size: 19px; font-weight: 600; margin: 10px 0; }
.author-bio .bio-desc { color: #777; font-size: 16px; line-height: 1.5em; }

/*  single : related posts
/* ------------------------------------ */
.related-posts { margin-bottom: 40px; }
.related-posts li { width: 33.33%; float: left; display: inline; }
.related-post { border-right: 1px solid transparent; }
.related-inner { padding: 0 20px 0 0; }
.related-title { margin-bottom: 10px; font-size: 17px; font-weight: 300; line-height: 1.4em; letter-spacing: 0; display: block; }
.related-title a { color: #333; }
.related-title a:hover  { color: #000; }
.related-thumbnail { width: 100%; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.related-thumbnail { position: relative; margin-bottom: 20px; }
.related-thumbnail img { display: block; width: 100%; height: auto; }
.related-thumbnail:hover .thumb-icon { background: #fff; color: #333; }

/*  single : post-nav
/* ------------------------------------ */
.post-nav { background: #f5f5f5; border-radius: 10px; margin-bottom: 40px; }
.post-nav li { width: 50%; display: inline; float: left; }
.post-nav li a { position: relative; display: block; padding-top: 10px; padding-bottom: 10px; }
.post-nav li i { color: #ccc; font-size: 18px; position: absolute; top: 50%; margin-top: -10px; }
.post-nav li a strong { display: block; font-size: 12px; color: #aaa; letter-spacing: 0.5px; font-weight: normal; text-transform: uppercase; }
.post-nav li a span { font-size: 15px; font-weight: 600; color: #333; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.post-nav li a:hover span { color: #333; }
.post-nav li a:hover i { color: #333; }
.post-nav li.previous { float: left; }
.post-nav li.next { float: right; }
.post-nav li.previous a { padding-left: 40px; padding-right: 20px; }
.post-nav li.next a { border-left: 1px solid #eee; padding-left: 20px; padding-right: 40px; }
.post-nav li.previous i { left: 10px; }
.post-nav li.next i { right: 10px; }
.post-nav li a span,
.post-nav li a i { transition-property: background color; transition-duration: 0.2s; transition-timing-function: ease-out; }

.sidebar .post-nav { background: transparent; margin-bottom: 30px; }
.sidebar .post-nav li { width: 100%; }
.sidebar .post-nav li:first-child a { margin-bottom: 10px; }
.sidebar .post-nav li a { background: #fff; border-radius: 10px 10px 20px 20px; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); }
.sidebar .post-nav li a span { color: #00a0ff; font-size: 16px; }
.sidebar .post-nav li a:hover span { color: #333; }
.sidebar .post-nav li:last-child a strong { text-align: right; }


/* ------------------------------------------------------------------------- *
 *  Post Formats
/* ------------------------------------------------------------------------- */
.post-format {  }

/*  format : image
/* ------------------------------------ */

/*  format : gallery
/* ------------------------------------ */

/*  format : video
/* ------------------------------------ */

/*  format : audio
/* ------------------------------------ */
.format-audio .post-format iframe { height: 166px; width: 100%; }


/* ------------------------------------------------------------------------- *
 *  Widgets
/* ------------------------------------------------------------------------- */
.widget { color: rgba(0,0,0,0.5); font-size: 15px; }
.widget a { color: rgba(0,0,0,0.7); font-weight: 600; }
.widget a:hover { color: #00a0ff; }
.widget > h3 { color: rgba(0,0,0,0.7); font-size: 16px; font-weight: 600; position: relative; border-bottom: 5px solid #f1f1f1; padding: 20px 0; margin-bottom: 20px; }
.widget > h3 a,
.widget > h3 a:hover { color: rgba(0,0,0,0.7); }
.widget > h3 a img { display: none; float: left; margin: 3px 7px 0 0; }
.widget select { background: transparent; border: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.6); font-size: 15px; padding: 7px; width: 100%; max-width: 100%; }
.widget label.screen-reader-text { display: none; }

.sidebar .widget { background: #fff; box-shadow: 0 10px 10px rgba(0,0,0,0.03), 0 1px 0 rgba(0,0,0,0.05); position: relative; margin-bottom: 30px; border-radius: 10px 10px 20px 20px; padding: 20px 30px 30px; }
.sidebar .widget > h3 { margin: -20px -30px 10px -30px; padding: 20px 30px 20px 30px; border-radius: 10px 10px 20px 20px; }

/*  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 6 Free"; font-weight: 900; font-size: 12px; margin-right: 6px; color: rgba(0,0,0,0.2); display: inline-block!important; width: 1em; text-align: center; }
.widget > ul li a:hover:before { color: rgba(0,0,0,0.7); }

.widget_archive > ul > li a:before { content: "\f073"; } 
.widget_categories > ul > li a:before { content: "\f07c"; }
.widget_links > ul > li a:before { content: "\f08e"; }
.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_calendar caption:before { content: "\f073"; }
.widget_pages ul li a:before,
.widget_nav_menu ul li a:before { content: "\f068"; }

/*  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: 7px 0; border-bottom: 1px solid rgba(0,0,0,0.06); }

.widget_archive ul li,
.widget_categories ul li,
.widget_links ul li { color: rgba(0,0,0,0.5); }

.widget_recent_comments ul li,
.widget_recent_entries ul li { color: rgba(0,0,0,0.5); }
.widget_recent_entries .post-date { display: block; }

/*  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 : categories
/* ------------------------------------ */
.widget_categories li li { padding-left: 15px; border-bottom: 0; padding-bottom: 0; }
.widget_categories li li li { padding-left: 15px; border-bottom: 0; }
.widget_categories li li a { font-size: 13px; }

/*  widget : rss
/* ------------------------------------ */
.widget_rss ul li a { color: rgba(0,0,0,0.7); display: block; }
.widget_rss ul li span.rss-date { color: rgba(0,0,0,0.7); font-weight: 600; display: block; text-transform: uppercase; font-size: 12px; }
.widget_rss ul li cite { color: rgba(0,0,0,0.5); }

/*  widget : search
/* ------------------------------------ */
.widget_search input.search { color: #999; padding-left: 26px; width: 100%; }
.widget_search .screen-reader-text,
.widget_search #searchsubmit { display: none; }
.sidebar .themeform.searchform div input { background: transparent; border: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.5); }
.sidebar .themeform.searchform div:after { color: rgba(0,0,0,0.8); }

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

/*  widget : calendar
/* ------------------------------------ */
.widget_calendar a { color: rgba(0,0,0,0.7); font-weight: 600; }
.widget_calendar a:hover { color: rgba(0,0,0,0.7)!important; }
.widget_calendar #wp-calendar { width: 100%; }
.widget_calendar caption { background: linear-gradient(90deg, #0072ff 0%, #00d4ff 100%); color: #fff; padding: 5px 10px; }
.widget_calendar caption:before { color: #fff; font-size: 15px; }
.widget_calendar thead { background: rgba(0,0,0,0.05); box-shadow: inset 0 -1px 0 rgba(0,0,0,0.05); }
.widget_calendar th { font-weight: 600; }
.widget_calendar th, 
.widget_calendar td { padding: 3px 0; text-align: center; border: 1px solid rgba(0,0,0,0.1); }
.widget_calendar .pad { padding: 0!important; }

/*  custom widget : alxtabs / alxposts
/* ------------------------------------ */
.alx-tabs-nav { background: linear-gradient(0deg, #eee 0%, #fff 100%); border: 1px solid #f1f1f1; border-bottom-color: #ddd; position: relative; overflow: hidden; border-radius: 10px 10px 20px 20px; margin: 0 0 24px; text-align: center; box-shadow: 0 10px 10px rgba(0,0,0,0.03); }
.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 { color: #333; font-size: 18px; display: block; padding: 14px 0; border-left: 1px solid #eee; }
.alx-tabs-nav li:first-child a { border-left: 0; }
.alx-tabs-nav li a:hover { color: #555; }
.alx-tabs-nav li.active a { background: linear-gradient(130deg, #00d4ff 0%, #0072ff 100%); color: #fff; }
.alx-tabs-nav li a span { display: none; }

.alx-tab li,
.alx-posts li { font-weight: 300; line-height: 1.4em; }
.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; border-bottom: 5px solid #f1f1f1; border-radius: 10px 10px 20px 20px; }
.alx-tab img { border-radius: 10px 10px 20px 20px; }
.alx-tab.thumbs-enabled li{ padding-left: 62px; }
.alx-tab .tab-item-thumbnail { width: 48px; margin-left: -62px; float: left; }
.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 { font-size: 14px; }
.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  { color: rgba(0,0,0,0.5); font-size: 13px; }
.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: rgba(0,0,0,0.7); }

.alx-tab .tab-item-category a,
.alx-posts .post-item-category a { color: #00a0ff; }
.alx-tab .tab-item-category a:hover,
.alx-posts .post-item-category a:hover { color: #333; }

.alx-tab .tab-item-title,
.alx-tab .tab-item-comment,
.alx-posts .post-item-title { font-weight: 600; }

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

.s1 .alx-posts .post-item-title { font-size: 18px; line-height: 1.4em; font-weight: 300; }
.s1 .alx-posts .post-item-category,
.s1 .alx-posts .post-item-date { font-size: 14px; }


/* ------------------------------------------------------------------------- *
 *  Comments
/* ------------------------------------------------------------------------- */
#comments { margin-top: 20px; }
#pinglist-container { display: none; }

.comment-tabs { margin-bottom: 30px; }
.comment-tabs li { float: left; }
.comment-tabs li a { background: #f5f5f5; border-radius: 10px 10px 20px 20px; font-weight: 600; padding: 10px 14px; margin-bottom: 4px; display: block; color: #aaa; }
.comment-tabs li:first-child a { margin-right: 4px; }
.comment-tabs li a:hover { color: #333; }
.comment-tabs li span { background-color: #fff; 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: #333; border-bottom-color: #333; }

.commentlist, .pinglist { margin-bottom: 20px; }
.commentlist li, .pinglist li { padding-left: 60px; font-size: 14px; line-height: 22px; 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: 13px; display: block; float: left; line-height: 20px; }
.commentlist .comment-author { margin-right: 6px; }
.commentlist .fn, .pinglist .ping-link { color: #333; font-size: 13px; font-style: normal; font-weight: 600; }
.commentlist .says { display: none; }
.commentlist .avatar { position: absolute; left: -60px; top: 0; width: 48px; height: 48px; border-radius: 100%; }
.commentlist .comment-meta:before, .pinglist .ping-meta:before { color: #ccc; content: "\f017"; font-family: "Font Awesome 6 Free"; font-weight: 900; font-size: 10px; margin-right: 3px; vertical-align: 4%; } 
.commentlist .comment-meta a, .pinglist .ping-meta { color: #aaa; }
.commentlist .reply { font-size: 13px; line-height: 16px; }
.commentlist .reply a { color: #aaa; }
.commentlist .reply a:hover { color: #333; }
.comment-awaiting-moderation { color: #333; 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: linear-gradient(130deg, #00d4ff 0%, #0072ff 100%); display: block; position: absolute; content: "\f303"; color: #fff; line-height: 12px; width: 12px; font-style: normal; font-family: "Font Awesome 6 Free"; font-weight: 900; 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: 8px; padding: 2px; border-radius: 100%; }
.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; border-radius: 100%; }

/* 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: 12px; }
#cancel-comment-reply-link:hover { color: #777; }
#commentform { background: #f5f5f5; padding: 10px 20px 20px; margin-bottom: 15px; border-radius: 10px; }
#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 input[type="text"], 
#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; }
#commentform .comment-form-cookies-consent { padding: 10px 0; }
#commentform .comment-form-cookies-consent label { display: inline; }


/* ------------------------------------------------------------------------- *
 *  Plugins
/* ------------------------------------------------------------------------- */

/*  plugin : wp-pagenavi
/* ------------------------------------ */
.wp-pagenavi { text-align: right; font-weight: 600; line-height: 20px; float: none; margin-right: -2px; text-align: center; }
.wp-pagenavi a,
.wp-pagenavi span { color: #aaa; font-size: 16px; padding: 9px 14px; display: inline-block; margin: 0 1px 10px; }
.wp-pagenavi span.pages { font-size: 16px; font-weight: 400; display: block; margin-bottom: 1em!important; border: none!important; }
.wp-pagenavi span.pages:before { content: "\f15c"; font-family: "Font Awesome 6 Free"; font-weight: 900; margin-right: 6px; }
.wp-pagenavi span.extend { border: none!important; padding-left: 0; padding-right: 0; }
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current { color: #333; }

.wp-pagenavi a { background: #ddd; border-radius: 20px; color: #333; border: none; box-shadow: inset 0 1px 0 rgba(0,0,0,0.05); }
.wp-pagenavi a:hover,
.wp-pagenavi a:active,
.wp-pagenavi span.current { background: #fff; border-radius: 20px; border: none; box-shadow: 0 1px 0 rgba(0,0,0,0.05); }


/* ------------------------------------------------------------------------- *
 *  Slick Carousel
/* ------------------------------------------------------------------------- */
.slick-slider { overflow: hidden; min-width: 100%; width: 0; } /* flexbox fix */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;  }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0;  }
.slick-list:focus { outline: none;  }
.slick-list.dragging { cursor: pointer; cursor: hand;  }
.slick-slider .slick-track,.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  }
.slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;  }
.slick-track:before,.slick-track:after { display: table; content: '';  }
.slick-track:after { clear: both;  }
.slick-loading .slick-track { visibility: hidden;  }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px;  }
[dir='rtl'] .slick-slide { float: right;  }
.slick-slide img { display: block;  }
.slick-slide.slick-loading img { display: none;  }
.slick-slide.dragging img { pointer-events: none;  }
.slick-initialized .slick-slide { display: block;  }
.slick-loading .slick-slide { visibility: hidden;  }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;  }
.slick-arrow.slick-hidden { display: none;  }


/* ------------------------------------------------------------------------- *
 *  Slick Carousel Theme
/* ------------------------------------------------------------------------- */
.slick-loading .slick-list { background: #fff url(img/ajax-loader.gif) center center no-repeat;  }
.slick-prev,.slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;  }
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus { color: transparent; outline: none; background: transparent;  }
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before { opacity: 1;  }
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before { opacity: .25;  }
.slick-prev:before,.slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.slick-prev { left: -25px;  }
[dir='rtl'] .slick-prev { right: -25px; left: auto;  }
.slick-prev:before { content: '←';  }
[dir='rtl'] .slick-prev:before { content: '→';  }
.slick-next { right: -25px;  }
[dir='rtl'] .slick-next { right: auto; left: -25px;  }
.slick-next:before { content: '→';  }
[dir='rtl'] .slick-next:before { content: '←';  }
.slick-dotted.slick-slider { margin-bottom: 30px;  }
.slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center;  }
.slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer;  }
.slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent;  }
.slick-dots li button:hover,.slick-dots li button:focus { outline: none;  }
.slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1;  }
.slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;  }
.slick-dots li.slick-active button:before { opacity: .75; color: black;  }


/* ------------------------------------------------------------------------- *
 *  Accessibility
/* ------------------------------------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text{ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute!important; width: 1px; word-wrap: normal!important; }
.screen-reader-text:focus { background-color: #fff; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1); clip: auto!important; clip-path: none; color: #333; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: auto; right: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }
/* Do not show the outline on the skip link target. */
#page[tabindex="-1"]:focus{ outline: 0; }