/*   
Theme Name: MaxCast
License: Located in the 'Licensing' folder
License URI: Located in the 'Licensing' folder
Description: A Podcast & Blogging Theme.
Author: Jubix
Author URI: https://jubix.store/
Theme URI: https://maxcast.jubix.store/
Version: 1.0.4
Tested up to: 6.4.2
Requires PHP: 7
Tags: two-columns, three-columns, threaded-comments, right-sidebar
Text Domain: maxcast
*/

/*

[Table of contents]

1. Reset
2. WordPress Classes Styling
3. Generic Styling
4. Header Styling
5. Main Nav Styling
6. Header Elements Styling
7. Hidden Sidebar Styling
8. Featured Posts Styling
9. Featured Slider Styling
10. Staff Picks Section Styling
11. Favorites Section Styling
12. Newsletter Form Section Styling
13. Carousel Section Styling
14 Recent Posts Section Styling
15. Sidebar Styling
16. WooCommerce Widgets Styling
17. Media Player Styling
18. Single Post Page Styling
19. WooCommerce Shop Styling
20. Error Page Styling
21. Page Templates Styling
22. Main Footer Styling

*/

/*-------------------------------------------*\
	1. Reset
\*-------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

a img,
iframe,
fieldset {
	border: none;	
}

li {
	list-style: none;
	line-height: 24px;
}

.group::after {
  content: "";
  display: table;
  clear: both;
}

article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section { 
    display: block; 
}

.fa {
	transform: rotate(0.001deg);
}

.is_stuck,
.stick-it {
  	transform: translate3d(0,0,0);
}

/*-------------------------------------------*\
	2. WordPress Classes Styling
\*-------------------------------------------*/

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

.gallery-caption a {
	display: inline;
}

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

.alignleft,
img.alignleft,
.wp-block-image.is-resized.alignleft {
	display: inline;
	float: left;
	margin: 6px 24px 6px 0;
}

.alignright,
img.alignright,
.wp-block-image.is-resized.alignright {
	display: inline;
	float: right;
	margin: 6px 0 6px 20px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
}

.alignnone {
	margin-bottom: 30px;
}

img.alignnone {
	margin: 0;
	text-align: center;
}

.entry
.wp-caption-text {
  	font-size: 13px;
	font-style: italic;
	color: #a0a4ad;
}

address {
    font-style: italic;
    margin: 0 0 20px 0;
}

pre {
    background: #f5f5f5;
    font-family: monospace;
    margin: 20px 0;
    overflow: auto;
    padding: 20px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
    line-height: 1.5;
}

code {
    padding: 3px;
    background: #f5f5f5;
    font-family: monospace;
}

/*** Blocks Styling ***/

.wp-block-group.has-background {
	padding: 20px 30px;
	margin-top: 30px;
	margin-bottom: 40px;
}

.wp-block-button
.wp-block-button__link {
	padding: 12px 38px;
	margin-bottom: 30px;
	color: #fff;
	border-radius: 6px;
	background-color: #17D991;
	font-size: 14px;
	font-weight: 700;
	text-decoration: none;
	text-transform: uppercase;
}

.wp-block-button
.wp-block-button__link:hover {
	color: #fff;
	background-color: #222;
}

.is-style-outline .wp-block-button__link {
	color: #222;
    background-color: #fff;
    border: 2px solid #222;
}

.is-style-outline .wp-block-button__link:hover {
	color: #17D991;
    background-color: #fff;
    border-color: #17D991;
}

.is-style-squared 
.wp-block-button__link {
	border-radius: 0;
}

.entry .wp-block-image,
.entry .wp-block-cover {
	margin-bottom: 30px;
}

.wp-block-cover.has-background-dim {
	background-color: #000;
}

.wp-block-image.is-resized > figcaption {
	display: block;
}

.wp-block-image figcaption,
.wp-block-video figcaption,
.wp-block-embed figcaption {
	margin-top: 0.7em;
	color: #555d66;
    font-size: 14px;
	line-height: 1.4em;
    text-align: center;
}

.wp-block-cover-image {
    margin-bottom: 40px;
}

.has-drop-cap:not(:focus):first-letter {
	font-size: 4em;
}

.wp-block-file .wp-block-file__button {
	background-color: #222;
}

/*** Separator Styling ***/

.wp-block-separator {
    width: 100px;
    margin: 40px 0;
    border-color: #222;
}

.wp-block-separator.is-style-wide {
    border-bottom-width: 0;
}

.wp-block-separator.is-style-wide,
.wp-block-separator.is-style-dots {
	width: 100%;
}

/*** List Blocks Styling ***/

.entry .wp-block-categories,
.entry .wp-block-archives,
.entry .wp-block-latest-posts {
	margin-bottom: 40px;
	padding-left: 0;
}

.entry 
.wp-block-categories li,
.entry 
.wp-block-archives li,
.entry 
.wp-block-latest-posts li {
	margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #EAEAEA;
    list-style: none;
    color: #a0a4ad;
	list-style: none;
}

.entry 
.wp-block-categories li:first-child,
.entry 
.wp-block-archives li:first-child,
.entry 
.wp-block-latest-posts li:first-child {
    padding-top: 20px;
}

.wp-block-categories.is-grid li:first-child,
.wp-block-archives.is-grid li:first-child,
.wp-block-latest-posts.is-grid li:first-child {
	padding-top: 0;
}

.entry 
.wp-block-categories li:last-child,
.entry 
.wp-block-archives li:last-child,
.entry 
.wp-block-latest-posts li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.entry .wp-block-categories .children,
.entry .wp-block-archives .children,
.entry .wp-block-latest-posts .children {
    margin-top: 20px;
    margin-bottom: 0;
}

.entry .wp-block-categories .children li:first-child,
.entry .wp-block-archives .children li:first-child,
.entry .wp-block-latest-posts .children li:first-child {
    padding-top: 20px;
    border-top: 1px solid #EAEAEA;
}

.entry 
.wp-block-categories li a,
.entry 
.wp-block-archives li a,
.entry 
.wp-block-latest-posts li a {
	text-decoration: none;
}

.entry 
.wp-block-categories li a:hover,
.entry 
.wp-block-archives li a:hover,
.entry 
.wp-block-latest-posts li a:hover {
	color: #a0a4ad;
}

/*-------------------------------------------*\
	3. Generic Styling
\*-------------------------------------------*/

.wrapper {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}

.clear-both {
	clear: both;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', serif;
	font-weight: 700;
	word-wrap: break-word;
	color: #222;
}

h1 {
	font-size: 34px;
	line-height: 38px;
}

h2 {
	font-size: 28px;
	line-height: 32px;
}

h3 {
	font-size: 26px;
	line-height: 30px;
}

h4 {
	font-size: 24px;
	line-height: 28px;
}

h5 {
	font-size: 22px;
	line-height: 26px;
}

h6 {
	font-size: 18px;
	line-height: 22px;
}

p {
	line-height: 26px;
}

a {
	color: #17D991;
	text-decoration: none;
	transition: all .3s;
}

a:hover {
	text-decoration: underline;
}

body {
	color: #555;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 18px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
}

/*** Default Styling ***/

.entry {
	clear: both;
	word-wrap: break-word;
}

.single .entry {
	margin-bottom: 37px;
}

.entry p {
	line-height: 1.4em;
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6,
.comment-text h1,
.comment-text h2,
.comment-text h3,
.comment-text h4,
.comment-text h5,
.comment-text h6 {
	margin-bottom: 18px;
}

.entry .wp-video {
	margin-top: 30px;
	margin-bottom: 30px;
}

.entry .wp-audio-shortcode {
	margin-bottom: 30px;
}

blockquote,
.wp-block-pullquote,
.wp-block-quote.is-large, 
.wp-block-quote.is-style-large {
	position: relative;
	margin-bottom: 28px;
	padding: 35px 27px 31px 54px;
	border-radius: 6px;
	text-align: left;
}

blockquote {
	background: url(images/quotation-marks.svg) no-repeat 27px 27px #F2F2F2;
}

.wp-block-pullquote {
    padding-top: 10px;
    padding-bottom: 0;
}

figure.wp-block-pullquote {
	padding-left: 0;
}
 
.wp-block-pullquote.is-style-solid-color {
	padding-top: 10px;
	padding-bottom: 10px;
}

.entry 
blockquote p,
.wp-block-pullquote p,
.entry 
.wp-block-quote.is-large p, 
.entry 
.wp-block-quote.is-style-large p,
.comment-text
blockquote p,
.wp-block-pullquote.is-style-solid-color blockquote p {
    clear: both;
    color: #444;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
	line-height: 1.2em;
}

.entry 
.wp-block-quote.is-large p,
.entry 
.wp-block-quote.is-style-large p {
    font-size: 28px;
    font-style: normal;
    line-height: 1.35em;
}

blockquote cite,
.wp-block-pullquote cite,
.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite,
.wp-block-pullquote.is-style-solid-color blockquote cite,
.blockquote-footer {
	position: relative;
	display: block;
	clear: both;
	color: #929292;
	margin-top: 5px;
	font-weight: 400;
	text-align: left;
}

blockquote.has-text-align-right cite {
	text-align: right;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-style-large cite {
	text-align: right;
}

.wp-block-pullquote.is-style-solid-color blockquote,
.wp-block-pullquote.is-style-solid-color blockquote cite {
	color: #fff;
	background-color: transparent;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	padding-left: 43px;
}

.post-nav-links {
	margin-bottom: 40px;
}

.entry p,
.widget p,
.comment-text p,
.entry 
.post-nav-links {
	margin-bottom: 28px;
}

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

.entry figure,
.entry figure.wp-block-embed {
	margin-bottom: 28px;
}

.blocks-gallery-caption {
	font-size: 14px;
}

.entry .wp-block-gallery ul {
	margin-bottom: 0;
}

.entry iframe,
.entry img,
.widget iframe,
.widget img,
.wp-block-audio audio {
	max-width: 100%;
}

.widget img,
.entry img {
	height: auto;
}

.entry div {
    max-width: 100%;
}

select {
	max-width: 100%;
	height: 45px;
	padding: 0 12px;
	color: #787878;
	border-radius: 6px;
	border: none;
	border-right: 10px solid transparent;
    background-color: #f5f5f5;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
	cursor: pointer;
	transition: all .3s;
}

select:hover {
	color: #555;
	background-color: #ebebeb;
}

.widget select {
	width: 100%;
}

.post-thumb {
	position: relative;
	overflow: hidden;
	border-radius: 6px;
}

.post-thumb img {
	max-width: 100%;
	height: auto;
}

.post-thumb .thumb-link {
	display: block;
	width: 100%;
	height: inherit;
	line-height: 0;
}

.post-title a {
	color: #222;
}

.post-title a:hover {
    color: #444;
}

/*** Lists Styling ***/

.entry ol,
.entry ul,
.comment-text ol,
.comment-text ul {
	margin-bottom: 30px;
	padding-left: 30px;
}

.entry 
.wp-block-gallery {
	display: flex;
    flex-wrap: wrap;
	padding-left: 0;
}

.entry ul > li,
.comment-text ul > li {
	list-style: disc;
}

.entry ul ul > li,
.entry ol ul > li,
.comment-text ul ul > li,
.comment-text ol ul > li {
	list-style: circle;
}

.entry ol > li,
.comment-text ol > li {
	list-style: decimal;
}

.entry
li,
.comment-text
li {
	list-style-position: inside;
	margin-bottom: 12px;
}

.entry
li ul,
.comment-text
li ul,
.entry
li ol,
.comment-text
li ol {
	margin-top: 12px;
	margin-bottom: 12px;
}

.entry
dt,
.comment-text
dt {
    font-weight: bold;
    text-decoration: underline;
    margin-bottom: 6px;
}

.entry
dd,
.comment-text
dd {
	margin: 0;
	padding: 0 0 1.5em 0;
}

/*** Tables Styling ***/

.entry table,
.comment table {
  margin: 0 0 2rem;
  border-collapse: collapse;
  width: 100%;
}

.entry table td,
.entry table th,
.comment table td,
.comment table th,
.wp-block-table.is-style-stripes td, 
.wp-block-table.is-style-stripes th {
  	padding: 20px;
  	border: 1px solid #767676;
  	font-size: 15px;
}

.wp-block-table.is-style-stripes td, 
.wp-block-table.is-style-stripes th {
	border: transparent;
}

/*** Password Protected Posts Syling ***/

.post-password-form 
input[type=password] {
	width: 29%;
	height: 39px;
	clear: both;
	margin-left: 8px;
	padding-left: 20px;
	border-radius: 6px;
    border: 1px solid #DEDEDE;
    background-color: #fff;
	font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
	color: #9e9e9e;
}

.post-password-form 
input[type=password]:focus {
	outline: none;
    color: #707070;
    border-color: #CECECE;
}

.post-password-form label {
	color: #222;
	font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

.post-password-form 
input[type=submit] {
	height: 42px;
    padding: 0 32px;
    color: #fff;
    border: none;
	border-radius: 6px;
    background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 15px;
    line-height: 44px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s;
}

.post-password-form 
input[type=submit]:hover {
    background-color: #222;
	box-shadow: none;
}

/*** WordPress Blocks ***/

.entry 
.wp-block-embed-spotify {
	margin-bottom: 30px;
}

.wp-block-embed-spotify.aligncenter iframe {
	width: 100%;
}

.entry 
.blocks-gallery-grid {
	padding-left: 0;
}

.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
	width: 100%;
	max-height: 100%;
}

.wp-block-cover-image-text, 
.wp-block-cover-text, 
section.wp-block-cover-image h2 {
	color: #fff !important;
}

.wp-block-cover p {
	margin-bottom: 0;
}

.wp-block-cover a {
	color: #fff;
	text-decoration: underline;
}

.wp-block-cover__inner-container p {
	color: #fff;
}

.wp-block-cover a:hover {
	text-decoration: none;
}

.wp-block-gallery.is-cropped 
.blocks-gallery-item img {
    height: 100%;
    flex: 1;
    object-fit: cover;
}

.wp-block-media-text {
	margin-bottom: 30px;
}

.alignleft 
.wp-block-cover-text {
	text-align: left;
}

.alignright 
.wp-block-cover-text {
	text-align: right;
}

.aligncenter 
.wp-block-cover-text {
	text-align: center;
}

/*-------------------------------------------*\
	4. Header Styling
\*-------------------------------------------*/

#main-header-wrap {
	width: 100%;
	height: 100px;
	margin-bottom: 62px;
}

#main-header {
	height: inherit;
	background-color: #fff;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05);
}

/*** Sticky Header Styling ***/

.admin-bar 
#main-header.stick-it {
	top: 32px;
}

#main-header.stick-it {
	position: fixed;
	top: 0;
	z-index: 1000;
	width: 100%;
	height: 90px;
	animation-name: fadeIn;
    animation-duration: .5s;
    animation-fill-mode: both;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 5%);
}

#main-header.stick-it 
#main-nav li {
	line-height: 90px;
}

/*** Site Logo Styling ***/

#logo-wrap {
	position: relative;
	height: 100px;
	float: left;
	margin-right: 82px;
}

#main-header.stick-it 
#logo-wrap {
	line-height: 90px;
}

#logo-wrap a {
	transition: color .3s;
}

.site-logo {
	line-height: 100px;
}

#main-header.stick-it 
.site-logo {
	line-height: 90px;
}

.site-text-logo {
	margin-top: 23px;
	text-transform: uppercase;
}

#main-header.stick-it 
.site-text-logo {
	margin-top: 18px;
	line-height: normal;
}

.site-text-logo h1 {
	font-size: 36px;
    line-height: 34px;
}

.site-text-logo a {
	color: #222;
	text-decoration: none;
}

.site-tagline a {
	display: inline-block;
	color: #a0a4ad;
	font-size: 14px;
	text-decoration: none;
}

.site-logo img {
	width: auto;
	max-height: 65px;
	vertical-align: middle;
	image-rendering: -webkit-optimize-contrast;
}

/*-------------------------------------------*\
	5. Main Nav Styling
\*-------------------------------------------*/

#menu-icon {
	display: none;
}

#main-nav {
	float: left;
	font-size: 15px;
    font-weight: 500;
	text-transform: uppercase;
}

#main-nav li {
	position: relative;
	float: left;
	padding-right: 16px;
	padding-left: 16px;
	line-height: 100px;
}

#main-nav li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
    transform: translateY(-50%);
	display: block;
	width: 1px;
	height: 10px;
	background-color: #E9E9E9;
}

#main-nav a {
	position: relative;
	display: inline-block;
	height: 98px;
	color: #222;
    border-bottom: 2px solid transparent;
	transition: color .3s;
}

#main-header.stick-it 
#main-nav a {
	height: 88px;
}

#main-nav a:hover {
    color: #17D991;
	text-decoration: none;
}

#main-nav .current-menu-item > a {
    color: #17D991;
	border-bottom-color: #17D991;
}

#main-nav 
.menu-item-has-children > a {
	padding-right: 13px;
}

#main-nav 
.menu-item-has-children > a::after {
	content: "\f13a";
	position: absolute;
	right: 0;
	top: 45px;
	display: block;
    width: 10px;
    height: 10px;
    margin-right: auto;
    margin-left: auto;
    color: #c9c9c9;
    font-family: 'FontAwesome';
    font-size: 14px;
    text-align: center;
    line-height: 10px;
    transform: rotate(0.001deg);
	transition: color .3s;
}

#main-header.stick-it 
#main-nav 
.menu-item-has-children > a::after {
	top: 39px;
}

#main-nav 
.menu-item-has-children > a:hover::after {
	color: #17D991;
}

/*** Menu Link Bubble ***/

.navbubble {
    position: absolute;
    right: -12px;
    top: 18px;
    display: inline-block;
    height: 14px;
    padding: 0 8px;
    color: #fff;
    background-color: #17D991;
    border-radius: 14px;
    font-size: 9px;
    font-style: normal;
    line-height: 15px;
    text-transform: uppercase;
}

#main-header.stick-it 
.navbubble {
	top: 14px;
}

.navbubble::after {
	content: "";
    position: absolute;
    left: 8px;
    bottom: -5px;
    width: 0;
    height: 0;
    border-top: 5px solid #17D991;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

/*** Drop Menu Styling ***/

#main-nav ul li ul {
	position: absolute;
	left: -15px;
	top: 100px;
	z-index: 100;
	visibility: hidden;
	opacity: 0;
	float: none;
	padding: 4px 20px;
    border-radius: 0 0 6px 6px;
	background-color: #fff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 5%);
}

#main-header.stick-it 
#main-nav ul li ul {
	top: 90px;
}

@keyframes fadeIn {
  	from {
    	opacity: 0;
  	}

  	to {
    	opacity: 1;
  	}
}

#main-nav ul li ul .navbubble {
    top: 16px;
}

#main-nav ul li:hover > ul {
   	visibility: visible;
    animation-name: fadeIn;
    animation-duration: .5s;
    animation-fill-mode: both;
}

#main-nav ul li ul li::before {
	display: none;
}

#main-nav ul li ul li,
#main-header.stick-it 
#main-nav ul li ul li {
	height: auto;
	clear: both;
	padding: 0;
	float: none;
	line-height: normal;
	border-bottom: 1px solid #eee;
}

#main-nav ul li 
ul li:last-child,
#main-header.stick-it 
#main-nav ul li 
ul li:last-child {
	border-bottom: none;
}

#main-nav ul li ul a,
#main-header.stick-it 
#main-nav ul li ul a {
	min-width: 222px;
    height: auto;
    padding: 14px 0;
    border-bottom: none;
    line-height: 20px;
	transition: all .3s;
}

#main-nav ul li ul
.menu-item-has-children > a::after,
#main-header.stick-it 
#main-nav ul li ul
.menu-item-has-children > a::after {
    content: "\f138";
    right: 4px;
    left: unset;
    top: 18px;
}

/*** Second Level Styling ***/

#main-nav ul li ul ul,
#main-header.stick-it 
#main-nav ul li ul ul {
	left: 100%;
	top: -4px;
    border-radius: 6px;
}

/*-------------------------------------------*\
	6. Header Elements Styling
\*-------------------------------------------*/

#header-elements {
	width: 140px;
	float: right;
}

#header-elements ul {
    float: right;
}

#header-elements li {
    float: left;
}

.header-elements-icon {
    display: block;
    cursor: pointer;
}

/*** Shopping Cart Icon Styling ***/

#shopping-cart-li {
	line-height: 100px;
}

.stick-it 
#shopping-cart-li {
    line-height: 94px;
}

.cart-customlocation {
	position: relative;
}

.cart-customlocation:hover {
	text-decoration: none;
}

.cart-customlocation::after {
	content: "\f291";
	color: #222;
	font-family: 'FontAwesome';
	font-size: 21px;
    transform: rotate(0.001deg);
}

.cart-count-wrap {
	position: absolute;
	right: 20px;
    top: -11px;
	display: block;
	height: 20px;
	padding: 0 6px;
	color: #fff;
	border-radius: 20px;
	background-color: #17D991;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 14%);
	font-size: 12px;
	line-height: 22px;
	text-align: center;
	transition: all .3s;
}

.cart-customlocation:hover 
.cart-count-wrap {
	background-color: #777;
	box-shadow: none;
}

/*** Hidden Sidebar Icon Styling ***/

#hidden-sidebar-icon {
	width: 26px;
	height: 19px;
	margin-top: 41px;
	margin-left: 18px;
	background: url(images/hidden-sidebar-icon.svg) center center no-repeat;
    transition: opacity .3s;
}

#main-header.stick-it 
#hidden-sidebar-icon {
	margin-top: 35px;
}

#hidden-sidebar-icon:hover {
    opacity: .7;
}

/*** Header Search Icon Styling ***/

#header-search-icon {
    width: 44px;
    height: 44px;
    margin-top: 28px;
    margin-left: 22px;
    border-radius: 34px;
    background: url(images/search-icon.svg) 12px 12px no-repeat #17D991;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 14%);
    transition: background .3s;
}

#main-header.stick-it 
#header-search-icon {
	margin-top: 23px;
}

#header-search-icon:hover {
    background-color: #222;
	box-shadow: none;
}

/*** Modal Search Form Styling ***/

#modal-search {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5555;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.97);
	visibility: hidden;
	opacity: 0;
	transition: opacity .6s;
}

#modal-search-inner {
	width: 700px;
	margin: 210px auto 0 auto;
}

#modal-search 
#searchform {
	position: relative;
	width: 100%;
	height: 108px;
	border-bottom: 3px solid #eee;
}

#modal-search 
#searchform:focus {
	border-bottom-color: #222;
}

#modal-search.search-show {
	visibility: visible;
	opacity: 1;
}

#modal-search #s {
	width: inherit;
	height: inherit;
    color: #222;
    border: none;
	background-color: transparent;
	font-family: 'Roboto', sans-serif;
	font-size: 42px;
    font-weight: 700;
}

#modal-search #s:focus {
	outline: none;
}

#modal-search 
#searchsubmit {
	display: none;
}

.m-search-close {
	position: absolute;
	right: 54px;
	top: 50px;
	width: 32px;
	height: 32px;
	background: url(images/modal-close.svg) no-repeat;
	opacity: .6;
	cursor: pointer;
	transition: opacity .3s;
}

.m-search-close:hover {
	opacity: 1;
}

.search-info {
	display: block;
	margin-top: 26px;
	color: #BCBCBC;
}

/*-------------------------------------------*\
	7. Hidden Sidebar Styling
\*-------------------------------------------*/

#hidden-sidebar-wrap {
	position: fixed;
	right: 0;
	top: 0;
	z-index: 10000;
	display: none;
	width: 417px;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #fff;
}

.hidden-sidebar-close {
	position: absolute;
	right: 30px;
    top: 28px;
    z-index: 2;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    border: 1px solid #eee;
    line-height: 40px;
    text-align: center;
	cursor: pointer;
	transition: all .3s;
}

.admin-bar .hidden-sidebar-close {
    top: 58px;
}

.hidden-sidebar-close::after {
    content: "\f00d";
    color: #bdbdbd;
    font-family: 'FontAwesome';
    font-size: 19px;
    transform: rotate(0.001deg);
    transition: color .3s;
}

.hidden-sidebar-close:hover {
	border-color: #e6e6e6;
}

.hidden-sidebar-close:hover::after {
	color: #222;
}

#hidden-sidebar {
	display: block;
	padding: 80px 30px 0;
}

.admin-bar #hidden-sidebar {
	padding-top: 110px;
}

#hidden-sidebar .widget {
	width: 100%;
}

.body-overlay {
	position: fixed;
    z-index: 9999;
    top: -5000px;
    right: -5000px;
    bottom: -5000px;
    left: -5000px;
    background: rgba(21,21,21,.6);
    animation-name: fadeIn;
  	animation-duration: .8s;
  	animation-fill-mode: both;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.widget-sidebar 
.fb_iframe_widget,
.widget-sidebar 
.fb_iframe_widget > span,
.widget-sidebar 
.fb_iframe_widget iframe {
    width: 100% !important;
}

/*** Hidden Sidebar Menu ***/

#hidden-sidebar 
.widget_nav_menu ul {
	font-size: 14px;
	text-transform: uppercase;
}

#hidden-sidebar 
.widget_nav_menu li {
	position: relative;
}

#hidden-sidebar 
.widget_nav_menu li::before {
	display: none;
}

#hidden-sidebar 
.widget_nav_menu ul li ul {
    position: static;
    visibility: hidden;
    padding: 0;
    box-shadow: none;
    opacity: 1;
}

#hidden-sidebar 
.widget_nav_menu 
.menu-arrow {
    position: absolute;
    right: 7px;
    top: -7px;
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 34px;
    border: 1px solid #eee;
    line-height: 34px;
    text-align: center;
    cursor: pointer;
    transition: all .3s;
}

#hidden-sidebar 
.widget_nav_menu  
.menu-arrow::after {
    content: "\f078";
    color: #222;
    font-family: 'FontAwesome';
    font-size: 14px;
    transform: rotate(0.001deg);
    transition: color .3s;
}

#hidden-sidebar 
.widget_nav_menu  
.menu-arrow:hover::after {
	color: #a0a4ad;
}

#hidden-sidebar 
.widget_nav_menu 
.menu-arrow.menu-children-visible::after {
    content: "\f00d";
    font-size: 14px;
}

#hidden-sidebar 
.widget_nav_menu ul li:hover > ul {
    visibility: hidden;
    animation: none;
}

#hidden-sidebar 
.widget_nav_menu 
.menu-item-has-children > ul {
    position: static;
    height: 0;
    visibility: hidden;
    opacity: 0;
}

#hidden-sidebar 
.widget_nav_menu ul 
.menu-item-has-children.menu-children-visible > ul {
    visibility: visible;
    height: auto;
    padding-top: 20px;
    opacity: 1;
}

#hidden-sidebar 
.widget_nav_menu ul li ul:before,
#hidden-sidebar 
.widget_nav_menu ul li ul:after {
    display: none;
}

/*-------------------------------------------*\
	8. Featured Posts Styling
\*-------------------------------------------*/

.featured-area {
    margin-bottom: 40px;
}

.feat-post {
    position: relative;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.feat-post 
.episode-play-icon,
.feat-post 
.player-btn.now-playing 
.episode-play-icon:hover::after {
    background-color: #fff;
}

.feat-post 
.episode-play-icon:hover,
.feat-post 
.player-btn.now-playing 
.episode-play-icon::after {
	background-color: #17D991;
	transition: background .3s;
}

.feat-post 
.episode-play-icon::after {
    border-left-color: #17D991;
}

.feat-post 
.episode-play-icon:hover::after {
    border-left-color: #fff;
}

/*** Star Hightlighter ***/

.category-highlight {
    position: absolute;
    left: -24px;
    top: 25px;
    z-index: 4;
    display: block;
    height: 27px;
    padding-right: 16px;
    padding-left: 48px;
    color: #fff;
    border-radius: 27px;
    background-color: #17D991;
    font-size: 12px;
    line-height: 28px;
    text-transform: uppercase;
}

.category-highlight::before {
    content: "\f006";
    position: absolute;
    left: 0;
    top: -10px;
    display: block;
    width: 46px;
    height: 46px;
    border-radius: 46px;
    background-color: #17D991;
    font-family: 'FontAwesome';
    font-size: 20px;
    text-align: center;
    line-height: 46px;
    transform: rotate(0.001deg);
	transition: background .3s;
}

.category-highlight:hover {
	background-color: #222;
	text-decoration: none;
}

.category-highlight:hover::before {
	background-color: #222;
}

/*** Large Featured Posts Styling ***/

#featured-posts 
.feat-post {
    float: left;
	border-radius: 6px;
}

.feat-post {
    overflow: hidden;
}

.feat-post-large {
    width: 390px;
    height: 500px;
    margin-right: 15px;
}

/*** Small Featured Posts Styling ***/

.feat-post-small {
    width: 390px;
    height: 243px;
    margin-bottom: 15px;
}

.feat-post-small + .feat-post-small {
    margin-bottom: 0;
}

/*** Featured Thumb ***/

.thumb-gradient {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 72%;
    border-radius: 0px 0px 6px 6px;
    background: linear-gradient(rgba(17, 17, 17, 0) 0%, #111 100%);
}

.feat-post-small 
.thumb-gradient {
	height: 90%;
}

.post-thumb img {
    transition: 0.4s ease;
}

.feat-post:hover img,
.thumb-link:hover img {
    transform: scale(1.08);
}

/*** Featured Post Content ***/

.feat-post .post-content {
    position: absolute;
    bottom: 21px;
    z-index: 2;
    padding: 0 19px;
}

.feat-post .post-title {
    margin-bottom: 6px;
}

.feat-post .post-content a {
    color: #fff;
}

.feat-post .post-content a:hover {
	color: #fff;
	opacity: .85;
}

.post-content a:hover {
    text-decoration: none;
}

.post-meta {
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
}

.feat-post .post-author {
    margin-bottom: 7px;
}

.feat-post-small .post-author {
    margin-bottom: 9px;
}

/*** Post Meta Styling ***/

.feat-post .post-author::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-bottom: 2px;
	margin-right: 5px;
	border-radius: 5px;
	background-color: #17D991;
}

.has-user-media 
.meta-btn-wrap {
	height: 44px;
	margin-top: 11px;
}

.meta-btn-wrap 
.player-btn,
.meta-btn-wrap 
.episode-play-icon {
	float: left;
}

.has-user-media 
.meta-btn-wrap li {
	line-height: 44px;
}

.post-meta li {
	float: left;
	margin-right: 6px;
}

.post-meta .post-date::before {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	margin-bottom: 2px;
	margin-right: 6px;
	border-radius: 5px;
	background-color: #17D991;
}

/*** Small Featured Post ***/

#small-featured-post {
	margin-bottom: 50px;
	text-align: center;
}

#small-featured-post 
.post-content {
	right: 0;
	left: 0;
	bottom: 34px;
}

#small-featured-post 
.post-author {
    margin-bottom: 10px;
}

#small-featured-post h1 {
	font-size: 38px;
	line-height: 46px;
}

/*** Second Homepage Featured Posts ***/

#featured-posts-two 
.feat-post-large {
	width: 787px;
	height: 482px;
	float: left;
	margin-right: 39px;
}

#featured-posts-two .feat-post-large 
.post-content {
    bottom: 24px;
    padding: 0 28px;
}

#featured-posts-two h1 {
	font-size: 38px;
	line-height: 42px;
}

#featured-posts-two .feat-post-large 
.episode-play-icon {
	width: 54px;
	height: 54px;
}

#featured-posts-two .feat-post-large 
.episode-play-icon::after {
    right: 17px;
    top: 18px;
    border-top-width: 9px;
    border-bottom-width: 9px;
    border-left-width: 15px;
}

#featured-posts-two .feat-post-large 
.player-btn.now-playing 
.episode-play-icon::after {
    right: 20px;
    top: 20px;
}

#featured-posts-two 
.feat-post-large.has-user-media 
.meta-btn-wrap li {
	line-height: 54px;
}

#featured-posts-two .feat-post-large 
.post-meta {
	font-size: 14px;
}

#featured-posts-two .feat-post-large 
.post-author {
    margin-bottom: 9px;
}

#featured-small-posts {
	width: 374px;
	float: left;
}

/*-------------------------------------------*\
	9. Featured Slider Styling
\*-------------------------------------------*/

#featured-slider {
	height: 500px;
	margin-bottom: 56px;
	text-align: center;
}

#featured-slider .slides > li {
	display: none;
	height: 500px;
}

.flex-viewport {
	overflow: hidden;
	border-radius: 6px;
}

#featured-slider 
.post-content {
	right: 0;
	left: 0;
	max-width: 60%;
	padding: 0;
	margin: 0 auto;
}

#featured-slider h1 {
	font-size: 39px;
    line-height: 45px;
}

/*-------------------------------------------*\
	10. Staff Picks Section Styling
\*-------------------------------------------*/

#picks-section {
	margin-bottom: 40px;
	list-style-type: none;
  	counter-reset: css-counter 0;
}

.picks-post {
	position: relative;
	width: 362px;
	height: 114px;
	float: left;
	padding: 14px;
	margin-right: 15px;
	border-radius: 6px;
	background-color: #eee;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	counter-increment: css-counter 1;
}

.picks-post:last-child {
	margin-right: 0;
}

.picks-post::before {
	content: counter(css-counter);
	position: absolute;
	left: 12px;
	top: 12px;
	z-index: 1;
	display: block;
	width: 20px;
	height: 20px;
	color: #fff;
	border-radius: 20px;
	border: 5px solid #fff;
	background-color: #17D991;
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}

.picks-post .post-thumb {
	width: 102px;
	height: 102px;
	float: left;
	margin-right: 8px;
	border-radius: 102px;
	border: 6px solid #fff;
	overflow: hidden;
}

.picks-post .post-content {
	padding-top: 14px;
}

.picks-post .post-title {
	overflow: hidden;
	margin-bottom: 2px;
	font-size: 17px;
	line-height: 21px;
}

.post-meta a {
	color: #9A9A9A;
}

.post-meta a:hover {
	color: #17D991;
}

/*** Small Play Button ***/

.has-user-media 
.small-player-btn-wrap {
	height: 38px;
	margin-top: 9px;
}

.has-user-media 
.small-player-btn-wrap li {
	line-height: 38px;
}

.small-player-btn-wrap 
.episode-play-icon {
    width: 38px;
    height: 38px;
}

.episode-play-icon:hover {
	background-color: #222;
	box-shadow: none;
}

.small-player-btn-wrap 
.episode-play-icon::after {
	right: 12px;
    top: 13px;
    border-top-width: 6px;
    border-bottom-width: 6px;
    border-left-width: 10px;
}

.small-player-btn-wrap 
.player-btn.now-playing 
.episode-play-icon::after {
    right: 13px;
    top: 13px;
    width: 12px;
    height: 12px;
}

/*-------------------------------------------*\
	11. Favorites Section Styling
\*-------------------------------------------*/

.heading-wrap {
	position: relative;
	height: 43px;
	margin-bottom: 30px;
}

.heading-wrap .section-heading {
	margin-bottom: 0;
}

.left-wrapper {
	width: 787px;
	float: left;
}

#small-favorites {
	width: 374px;
}

#favorite-section 
.medium-post,
#small-favorites {
	float: left;
}

.small-post {
	margin-bottom: 40px;
}

.small-post:last-child {
	margin-bottom: 0;
}

.small-post 
.post-thumb {
	width: 140px;
	float: left;
	margin-right: 14px;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.small-post .post-content {
	padding-top: 17px;
}

/*-------------------------------------------*\
	12. Newsletter Form Section Styling
\*-------------------------------------------*/

#newsletter-sub {
	position: relative;
	padding: 40px 44px;
	margin-bottom: 40px;
	clear: both;
	border-radius: 6px;
	background-color: #eee;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

#newsletter-sub form {
	position: relative;
	z-index: 2;
}

#newsletter-sub::after {
	content: "";
	position: absolute;
	right: -2px;
	bottom: 0;
	z-index: 1;
	display: block;
	width: 200px;
	height: 200px;
	background: url(images/newsletter-icon.svg) no-repeat;
}

#newsletter-sub h1 {
	margin-bottom: 7px;
	font-size: 33px;
}

#newsletter-sub p {
	margin-bottom: 19px;
	color: #707070;
	font-size: 17px;
}

#newsletter-sub p:last-child {
	margin-bottom: 0;
}

#newsletter-sub input[type=email], 
#newsletter-sub input[type=text] {
	width: 272px;
	height: 43px;
	padding: 0 20px;
	color: #707070;
	border: 1px solid #E2E2E2;
	border-radius: 6px;
	background-color: #fff;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

#newsletter-sub input[type=email]::placeholder, 
#newsletter-sub input[type=text]::placeholder {
	color: #B5B5B5;
}

#newsletter-sub input[type=submit] {
	height: 45px;
	padding: 0 32px;
	color: #fff;
	border: none;
	border-radius: 6px;
	background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 700;
	text-transform: uppercase;
	cursor: pointer;
	transition: all .3s;
}

#newsletter-sub input[type=submit]:hover {
	background-color: #222;
	box-shadow: none;
}

#newsletter-sub .no-spam {
	color: #B5B5B5;
	font-size: 14px;
}

#newsletter-sub 
.inputs-wrap {
	margin-bottom: 15px;
}

/*-------------------------------------------*\
	13. Carousel Section Styling
\*-------------------------------------------*/

#carousel-wrap {
	height: 564px;
	margin-bottom: 40px;
}

#carousel .slides > li {
	display: none;
}

.carousel-post {
	position: relative;
	width: 396px;
	height: 564px;
	float: left;
	border-radius: 6px;
	overflow: hidden;
}

.carousel-post .post-content {
	position: absolute;
	left: 0;
	bottom: 20px;
	z-index: 2;
	padding: 0 20px;
	text-align: center;
}

.carousel-post .post-meta {
	font-size: 14px;
}

.carousel-post .post-author {
    margin-bottom: 3px;
}

.carousel-post .post-title {
    margin-bottom: 6px;
}

.carousel-post 
.meta-btn-wrap .player-btn {
	position: absolute;
    left: 166px;
    top: 250px;
    z-index: 2;
}

.carousel-post 
.episode-play-icon {
	width: 64px;
	height: 64px;
}

.carousel-post 
.episode-play-icon::after {
    right: 20px;
    top: 22px;
    border-top-width: 10px;
    border-bottom-width: 10px;
    border-left-width: 16px;
}

.carousel-post 
.player-btn.now-playing 
.episode-play-icon::after {
    right: 23px;
    top: 23px;
    width: 18px;
    height: 18px;
}

/*** Carousel Nav Styling ***/

#carousel-nav {
	position: absolute;
	right: -36px;
	bottom: 20px;
	width: 36px;
	height: 89px;
}

#carousel-nav a {
	position: absolute;
	right: 0;
	display: block;
	width: 36px;
	height: 44px;
	padding-right: 2px;
	background-color: #17D991;
	text-align: center;
    line-height: 44px;
	transition: background .3s;
}

#carousel-nav a::before {
	color: #fff;
	font-family: 'FontAwesome';
    font-size: 18px;
    transform: rotate(0.001deg);
}

#carousel-nav a:hover {
	background-color: #222;
	text-decoration: none;
}

#carousel-nav .flex-prev {
	top: 0;
	border-radius: 0 6px 0 0;
}

#carousel-nav .flex-prev::before {
	content: "\f101";
}

#carousel-nav .flex-next {
	bottom: 0;
	border-radius: 0 0 6px 0;
}

#carousel-nav .flex-next::before {
	content: "\f100";
}

/*-------------------------------------------*\
	14 Recent Posts Section Styling
\*-------------------------------------------*/

.full-width-posts {
	clear: both;
}

.medium-post {
	width: 374px;
	float: left;
	margin-right: 39px;
	margin-bottom: 46px;	
}

.full-width-posts 
.medium-post:nth-child(3n) {
	margin-right: 0;
}

.full-width-posts 
.medium-post:nth-child(3n+1) {
    clear: left;
}

.recent-posts-wrap {
	width: 787px;
	float: left;
}

.recent-posts {
	clear: both;
}

.recent-posts 
.medium-post:nth-child(2n) {
	margin-right: 0;
}

.medium-post .post-thumb {
	margin-bottom: 18px;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.thumb-category {
	position: absolute;
	left: 0;
	top: 28px;
	z-index: 2;
	display: inline-block;
	height: 30px;
	padding: 0 14px;
	color: #222;
	border-radius: 0 30px 30px 0;
	background-color: #fff;
	font-size: 14px;
	line-height: 31px;
	text-transform: uppercase;
}

.thumb-category:hover {
	color: #fff;
	background-color: #17D991;
	text-decoration: none;
}

.thumb-category::before {
	content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-bottom: 2px;
    margin-right: 5px;
    border-radius: 5px;
    background-color: #17D991;
	transition: background .3s;
}

.thumb-category:hover::before {
	background-color: #fff;
}

.medium-post .post-title {
	margin: 9px 0;
	font-size: 26px;
    line-height: 30px;
}

.excerpt {
	margin-bottom: 5px;
	color: #949494;
	font-size: 16px;
	line-height: 20px;
}

/*** Masonry Image Posts ***/

.full-image-posts {
	margin-bottom: 14px;
}

.full-image-post {
	width: 384px;
	float: left;
	margin-right: 24px;
	margin-bottom: 24px;
	text-align: center;
	opacity: 1;
    animation-name: fadeInUp;
    animation-duration: .8s;
    animation-fill-mode: both;
}

.full-image-post:nth-child(3n) {
	margin-right: 0;
}

.full-image-post:nth-child(3n+1) {
    clear: left;
}

.full-image-post .post-content {
	bottom: 32px;
}

/*** Sticky Posts Styling ***/

article.sticky 
.post-title a {
	position: relative;
	padding-left: 26px;
}

article.sticky 
.post-title a::before {
	position: absolute;
	left: 0;
	top: 7px;
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(images/sticky-pin.svg) no-repeat;
}

/*** Pagination Styling ***/

.pagination {
	width: 100%;
	clear: both;
	margin-bottom: 70px;
	color: #222;
	font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
}

.pagination a,
.post-nav-links a {
	display: block;
	float: left;
	padding: 14px 18px 13px;
	margin-right: 8px;
	margin-bottom: 8px;
	color: #fff;
	border-radius: 6px;
    background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	text-decoration: none;
	transition: all .3s;
}

.pagination a:hover,
.post-nav-links a:hover {
	color: #fff;
    background-color: #222;
    box-shadow: none;
}

.pagination
.current,
.post-nav-links .current {
	display: block;
	float: left;
	padding: 14px 18px 13px;
	margin-right: 8px;
	margin-bottom: 8px;
	border-radius: 6px;
	color: #9F9F9F;
    background-color: #EFEFEF;
}

.pagination .dots,
.post-nav-links .dots {
	height: 28px;
    margin: 19px 20px 0 10px;
	float: left;
}

.post-nav-links a,
.post-nav-links .current,
.post-nav-links .dots {
	display: inline-block;
	float: none;
	margin-right: 5px;
	margin-left: 8px;
}

/*-------------------------------------------*\
	15. Sidebar Styling
\*-------------------------------------------*/

.main-sidebar-wrap {
	position: -webkit-sticky;
	position: sticky;
	top: 120px;
	float: right;
}

.main-sidebar {
	width: 374px;
	float: right;
	margin-bottom: 20px;
}

.widget-sidebar > div {
	margin-bottom: 40px;
}

.widget-sidebar .wp-block-image {
	margin-bottom: 0;
}

/*** Widget Titles Styling ***/

.section-heading,
.widget-sidebar .wp-block-group__inner-container 
h2:first-of-type {
	position: relative;
	height: 41px;
    margin-bottom: 34px;
	font-size: 18px;
	text-transform: uppercase;
}

.section-heading::after,
.widget-sidebar .wp-block-group__inner-container 
h2:first-of-type::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 33px;
	height: 3px;
	border-radius: 4px;
	background-color: #17D991;
}

/*** MailChimp Form Widget ***/

.widget 
.mc4wp-form {
	position: relative;
	width: 314px;
	padding: 52px 30px 44px;
	color: #fff;
	border-radius: 6px;
	background-color: #222;
	text-align: center;
}

.widget .mc4wp-form h1::before {
	display: block;
	width: 50px;
	height: 50px;
	content: "\f2b7";
	margin: 0 auto 18px;
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 55px;
	line-height: 46px;
    transform: rotate(0.001deg);
}

.widget .mc4wp-form h1,
.widget .mc4wp-form h2,
.widget .mc4wp-form h3 {
	color: #fff;
	margin-bottom: 10px;
}

.widget 
.mc4wp-form p {
	color: #919191;
	margin-bottom: 17px;
	font-size: 15px;
}

.widget 
.mc4wp-form input[type=email], 
.widget 
.mc4wp-form input[type=text] {
	width: 294px;
	height: 44px;
	color: #919191;
	clear: both;
	border-radius: 6px;
	border: 1px solid #3E3E3E;
	background-color: #161616;
    padding: 0 10px;
	margin-bottom: 16px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    text-align: center;
}

.widget 
.mc4wp-form input[type=email]::placeholder, 
.widget 
.mc4wp-form input[type=text]::placeholder {
	color: #919191;
}

input:focus,
textarea:focus {
	outline-color: #17D991;
}

.widget 
.mc4wp-form input[type=email]:focus, 
.widget 
.mc4wp-form input[type=text]:focus {
	color: #fff;
	outline: none;
	border-color: #626262;
}

.widget 
.mc4wp-form input[type=submit] {
    display: inline-block;
    height: 44px;
    padding: 0 56px;
	margin-bottom: 16px;
    color: #fff;
    border: none;
	border-radius: 6px;
    background-color: #17D991;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 43px;
    text-transform: uppercase;
    transition: all .3s;
    cursor: pointer;
}

.widget 
.mc4wp-form input[type=submit]:hover {
	color: #fff;
    background-color: #505050;
}

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

.widget 
.mc4wp-form .no-spam {
	display: block;
    margin-top: -2px;
	color: #a0a4ad;
	font-size: 12px;
	text-transform: uppercase;
}

/*** Facebook Widget ***/

.maxcast_facebook_widget {
	min-height: 588px;
}

/*** Comments Block Widget ***/

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

.entry 
.wp-block-latest-comments > li {
	list-style: none;
}

.entry 
.wp-block-latest-comments__comment-date {
	margin-top: 5px;
}

/*** Search Widget ***/

.wp-block-search .wp-block-search__label,
.wc-block-product-search__label {
	margin-bottom: 5px;
	font-weight: 700;
}

.widget 
.wp-block-search .wp-block-search__label,
.widget .wc-block-product-search__label {
	position: relative;
	display: block;
    height: 44px;
    margin-bottom: 34px;
	color: #222;
    font-size: 21px;
    text-transform: uppercase;
}

.widget 
.wp-block-search .wp-block-search__label::after,
.widget .wc-block-product-search__label::after {
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 38px;
    height: 4px;
    border-radius: 4px;
    background-color: #17D991;
}

.widget #searchform,
.entry #searchform {
	position: relative;
	width: 100%;
}

.entry .wp-block-search {
	margin-bottom: 30px;
}

.widget #s,
.wp-block-search .wp-block-search__input,
.wc-block-product-search__field {
    height: 40px;
    color: #9e9e9e;
	border-radius: 6px;
    border: 1px solid #DEDEDE;
    padding: 0 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
}

.widget #s {
	width: 230px;
}

.wp-block-search .wp-block-search__input,
.wc-block-product-search__field {
	height: 42px;
	padding: 0 12px;
	margin-bottom: 5px;
}

#hidden-sidebar 
.widget #s {
    width: 196px;
}

.widget #s:focus,
.wp-block-search .wp-block-search__input:focus,
.wc-block-product-search__field:focus {
	color: #555;
    outline: none;
    border-color: #d6d6d6;
}

.widget #searchsubmit,
.wp-block-search .wp-block-search__button,
.wc-block-product-search__button {
	height: 42px;
    color: #fff;
    padding: 0 20px;
    border: none;
	border-radius: 6px;
    background-color: #17D991;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .3s;
    cursor: pointer;
}

.widget #searchsubmit:hover,
.wp-block-search .wp-block-search__button:hover,
.wc-block-product-search__button:hover {
	color: #fff;
	background-color: #222;
}

/*** Calendar Widget ***/

#wp-calendar {
	width: 100%;
}

#wp-calendar caption {
	color: #222;
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 12px;
	font-weight: 700;
	text-align: right;
	text-transform: uppercase;
}

#wp-calendar thead,
.wp-block-calendar thead {
	color: #222;
	font-size: 11px;
	font-weight: 700;
}

#wp-calendar thead th,
.wp-block-calendar thead th {
	padding: 20px;
	border: none;
	background-color: transparent;
	font-weight: 700;
}

#wp-calendar tbody,
.wp-block-calendar tbody {
	color: #656565;
	font-size: 13px;
	font-weight: 500;
}
#wp-calendar tbody td,
.wp-block-calendar tbody td { 
	background: #f5f5f5;
	border: 1px solid #e6e6e6;
	border-radius: 2px;
	text-align: center; 
	padding: 12px 10px;
}

#wp-calendar tbody td:hover { 
	background: #fff;
}

#wp-calendar tbody .pad,
.wp-block-calendar tbody .pad { 
	background: none; 
}

.wp-block-calendar a {
	text-decoration: none;
}

.wp-block-calendar a:hover {
	color: #222;
}

.wp-calendar-nav-prev,
.wp-calendar-nav-next {
	float: left;
	padding-top: 12px;
	font-size: 13px;
	text-transform: uppercase;
}

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

.widget_rss li {
	margin-bottom: 30px;
}

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

.widget_rss 
.rsswidget {
	color: #222;
	font-weight: 700;
}

.widget_rss 
.rsswidget:hover {
	color: #444;
}

.widget_rss 
.rss-date {
	display: block;
	color: #a0a4ad;
	clear: both;
	margin: 8px 0 7px;
    font-size: 14px;
    text-transform: uppercase;
}

.widget_rss 
.rss-date::before,
.widget_rss cite::before {
	margin-right: 5px;
 	content: "\f133";
	font-size: 14px;
	font-family: 'FontAwesome';
	transform: rotate(0.001deg);
}

.widget_rss 
.rssSummary {
	margin-bottom: 6px;
}

.widget_rss cite {
	color: #a0a4ad;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase;
}

.widget_rss cite::before {
	content: "\f2c0";
}

/*** Tag Cloud Styling ***/

.widget
.tagcloud,
.wp-block-tag-cloud {
	margin-bottom: -5px;
	overflow: hidden;
}

.tagcloud a,
.wp-block-tag-cloud a {
	position: relative;
	display: block;
	height: 30px;
	padding: 0 12px;
	margin: 0 5px 5px 0;
	float: left;
	color: #222;
	border-radius: 6px;
	background-color: #eee;
	font-size: 12px !important;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 32px;
	text-decoration: none;
	transition: all .3s;
}

.tagcloud a:hover,
.wp-block-tag-cloud a:hover {
	color: #fff;
	background-color: #222;
}

.cloud-hashtag {
	color: #17D991;
}

/*** List Widgets Styling ***/

.entry .wp-block-rss {
	padding-left: 0;
}

.entry .wp-block-rss li a {
	color: #222;
	text-transform: none;
}

.entry .wp-block-rss li a:hover {
	color: #555;
}

.wp-block-categories-list li,
.wp-block-archives-list li,
.widget .menu li,
.widget_pages li,
.wp-block-latest-posts__list li,
.widget_recent_entries li,
.widget_recent_comments li,
.widget_archive li,
.widget_categories li,
.widget_meta li,
.entry .wp-block-rss li,
.wc-block-product-categories-list li,
.wp-block-latest-comments li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #e6e6e6;
	list-style: none;
	color: #bbb;
	font-size: 14px;
    text-transform: uppercase;
}

.wp-block-categories-list li::before,
.wp-block-archives-list li::before,
.widget .menu li::before,
.widget_pages li::before,
.widget_archive li::before,
.widget_categories li::before,
.widget_meta li::before,
.wc-block-product-categories-list li::before {
	content: "\f1db";
	float: left;
	margin-right: 5px;
	color: #cecece;
	font-size: 11px;
	font-family: 'FontAwesome';
	transform: rotate(0.001deg);
}

.widget_recent_comments li {
	font-weight: 400;
	text-transform: none;
}

.widget_recent_comments 
.comment-author-link a,
.wp-block-latest-comments__comment-author {
	display: inline-block;
	margin-top: 0;
	margin-right: 0;
	padding-left: 0;
	font-size: 12px;
	font-style: italic;
	font-weight: 400;
	text-transform: uppercase;
}

.widget_recent_comments a,
.wp-block-latest-comments__comment-link {
	font-weight: 500;
	line-height: 18px;
	text-transform: none;
}

.widget_recent_comments li::before,
.wp-block-latest-comments li::before {
	margin-right: 5px;
 	content: "\f0e5";
	color: #cecece;
	font-size: 18px;
	font-family: 'FontAwesome';
	transform: rotate(0.001deg);
}

.wp-block-latest-comments li::before {
	float: left;
}

.widget_recent_entries li::before,
.wp-block-latest-posts__list li::before {
	content: "\f017";
	margin-right: 5px;
	float: left;
	color: #cecece;
	font-size: 17px;
	font-family: 'FontAwesome';
	transform: rotate(0.001deg);
}

.wp-block-categories-list li:last-child,
.wp-block-archives-list li:last-child,
.widget .menu li:last-child,
.widget_pages li:last-child,
.widget_recent_entries li:last-child,
.wp-block-latest-posts__list li:last-child,
.widget_recent_comments li:last-child,
.widget_archive li:last-child,
.widget_categories li:last-child,
.widget_meta li:last-child,
.wp-block-rss li:last-child,
.wc-block-product-categories-list li:last-child,
.wp-block-latest-comments li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.wp-block-categories-list .children,
.wp-block-archives-list .children,
.widget .children,
.widget .sub-menu,
.wc-block-product-categories-list li ul {
	padding-top: 20px;
	margin-left: 10px;
}

.widget
.children li:first-child,
.widget
.sub-menu li:first-child {
	padding-top: 20px;
	border-top: 1px solid #e6e6e6;
}

.widget_recent_entries
.post-date,
.wp-block-latest-comments__comment-date {
	display: block;
	padding-left: 22px;
	float: none;
	color: #a0a4ad;
	font-size: 13px;
	font-weight: 400;
	text-transform: uppercase;
}

.wp-block-latest-comments__comment-date {
	padding-left: 0;
	font-size: 14px;
}

.wp-block-categories-list li a,
.wp-block-archives-list li a,
.widget .menu li a,
.widget_pages li a,
.wp-block-latest-posts__list li a,
.widget_recent_entries li a,
.widget_recent_comments li a,
.widget_archive li a,
.widget_categories li a,
.widget_meta li a,
.wc-block-product-categories-list li a,
.wp-block-latest-comments li a {
	color: #555;
	margin-right: 5px;
	text-decoration: none;
}

.widget .menu li a {
	position: relative;
}

.widget .navbubble {
    right: -14px;
    top: -19px;
}

.wp-block-categories-list li a:hover,
.wp-block-archives-list li a:hover,
.widget .menu li a:hover,
.widget_pages li a:hover,
.wp-block-latest-posts__list li a:hover,
.widget_recent_entries li a:hover,
.widget_recent_comments li a:hover,
.widget_archive li a:hover,
.widget_categories li a:hover,
.widget_meta li a:hover,
.wc-block-product-categories-list li a:hover,
.wp-block-latest-comments li a:hover {
	color: #17D991;
	text-decoration: none;
}

/*-------------------------------------------*\
	16. WooCommerce Widgets Styling
\*-------------------------------------------*/

.wc-block-featured-category__title::after,
.wc-block-featured-product__title::after {
	right: 0;
	margin-right: auto;
	margin-left: auto;
}

.wc-block-featured-product .wc-block-featured-product__title {
	padding-top: 70px;
}

.widget 
.wc-block-grid__product-image {
	border-radius: 6px;
	overflow: hidden;
	line-height: 0;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.widget 
.wc-block-grid__product-link {
	color: #222;
}

.widget 
.wc-block-grid__product-price,
.widget 
.wc-block-grid__product-add-to-cart.wp-block-button 
.wp-block-button__link {
	font-size: 12px;
}

.widget 
.wc-block-grid__product-onsale {
    font-size: 11px;
    padding: 0 0.6em;
}

/*-------------------------------------------*\
	17. Media Player Styling
\*-------------------------------------------*/

.episode-play-icon {
    position: relative;
    display: block;
    width: 44px;
    height: 44px;
    margin-right: 6px;
    border-radius: 44px;
    background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    transition: background .3s;
    cursor: pointer;
}

.episode-play-icon::after {
    content: "";
    position: absolute;
	right: 14px;
    top: 15px;
    z-index: 1;
    content: "";
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 12px solid #fff;
}

.player-btn.now-playing 
.episode-play-icon::after {
    right: 15px;
    top: 15px;
    display: block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: none;
}

.external-player-wrap {
	display: none;
}

#audio-player-large 
.external-player-wrap {
	display: block;
}

#audio-player-large {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 300;
	display: none;
	width: 452px;
    height: 252px;
    padding: 12px;
    border: 1px solid #f3f3f3;
    border-radius: 3px 0 0 0;
    background-color: #fff;
	box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.06);
}

#audio-player-large.single-player {
	display: block;
}

#audio-player-large.player-show {
	display: block;
	animation-name: fadeIn;
    animation-duration: .7s;
    animation-fill-mode: both;
}

#audio-player-large.hidden-player {
	display: block;
}

.external-player-wrap {
	height: inherit;
}

#audio-player-large {
	transition: bottom .7s linear;
}

#audio-player-large.hidden-player {
	bottom: -284px;
}

#audio-player-large 
.external-player-wrap iframe {
	position: relative;
	z-index: 2;
	width: 100%;
	height: inherit;
}

#audio-player-large::after {
	position: absolute;
	left: 0;
	right: 0;
	top: 98px;
	z-index: 1;
	content: '';
	width: 70px;
	height: 70px;
	margin: 0 auto;
	background: url(images/loading-spinner-light.svg) no-repeat;
}

/*** Player Elements Styling ***/

#audio-player-large.is-external-player 
.player-share,
#audio-player-large.is-external-player 
.large-player-seek {
	display: none;
}

/*** Player Content Styling ***/

.player-content {
	display: none;
}

#audio-player-large 
.player-content {
	display: block;
}

.player-content {
	position: absolute;
	left: 12px;
	top: 24px;
	z-index: 2;
	width: 454px;
	background-color: #fff;
	text-align: center;
}

.player-thumb,
.player-content 
.no-image {
	display: inline-block;
	width: 90px;
	height: 90px;
	margin-bottom: 5px;
	border-radius: 90px;
	overflow: hidden;
}

.player-content 
.no-image {
	color: #8a8d96;
	background-color: #ddd;
	line-height: 90px;
}

.player-content 
.post-meta a {
	color: #a0a4ad;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
}

.player-content 
.post-title {
	font-size: 15px;
	line-height: 19px;
}

#audio-player-large 
.mejs-container.mejs-audio {
	position: absolute;
	left: 12px;
	bottom: 40px;
	z-index: 2;
}

.large-player-seek {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 24px;
	z-index: 3;
	width: 86px;
	margin: 0 auto;
	font-size: 12px;
    font-weight: 500;
}

.large-player-seek li {
	color: #BDC0C9;
	cursor: pointer;
	transition: color .3s;
}

.large-player-seek li:hover {
	color: #222;
}

.large-player-back {
	float: left;
}

.large-player-forward {
	float: right;
}

.large-player-back::after,
.large-player-forward::before {
	font-family: 'FontAwesome';
	font-size: 18px;
    transform: rotate(0.001deg);
}

.large-player-back::after {
	content: "\f01e";
	display: inline-block;
	margin-left: 5px;
	transform: scale(-1, 1);
}

.large-player-forward::before {
	content: "\f01e";
	margin-right: 5px;
}

/*** Audio Player Styling ***/

#audio-player-large .mejs-container.mejs-audio {
	width: 452px !important;
	height: 54px !important;
}

#audio-player-large 
.mejs-container.mejs-audio,
#audio-player-large 
.mejs-container.mejs-audio .mejs-controls,
#audio-player-large 
.mejs-embed,
#audio-player-large 
.mejs-embed body {
	padding: 0;
	background: transparent;
}

#audio-player-large 
.mejs-audio .mejs-controls,
#audio-player-large 
.mejs-audio .mejs-button, 
#audio-player-large 
.mejs-audio .mejs-time, 
#audio-player-large 
.mejs-audio .mejs-time-rail {
	height: 54px;
}

#audio-player-large 
.mejs-audio .mejs-playpause-button {
	width: 54px;
	margin-left: 3px;
}

#audio-player-large 
.mejs-audio .mejs-play > button,
#audio-player-large 
.mejs-audio .mejs-pause > button,
#audio-player-large 
.mejs-audio .mejs-replay > button {
	width: 54px;
	height: 54px;
	margin: 0;
	border-radius: 54px;
	background: url(images/large-play-btn.svg) 21px center no-repeat #17D991;
	transition: background-color .3s;
}

#audio-player-large 
.mejs-audio .mejs-pause > button {
	background: url(images/large-pause-btn.svg) center center no-repeat #17D991;
}

#audio-player-large 
.mejs-audio .mejs-replay > button {
	background: url(images/large-repeat-btn.svg) center center no-repeat #17D991;
}

#audio-player-large 
.mejs-audio .mejs-play > button:hover,
#audio-player-large 
.mejs-audio .mejs-pause > button:hover,
#audio-player-large 
.mejs-audio .mejs-replay > button:hover {
	background-color: #acafb5;
}

#audio-player-large 
.mejs-audio .mejs-time {
	padding-top: 0;
	padding-right: 8px;
	padding-left: 8px;
}

#audio-player-large 
.mejs-audio .mejs-time-rail {
	padding-top: 19px;
	margin: 0
}

#audio-player-large 
.mejs-audio .mejs-duration,
#audio-player-large 
.mejs-audio .mejs-currenttime {
	color: #acafb5;
    font-size: 12px;
    font-weight: 500;
    line-height: 54px;
}

#audio-player-large 
.mejs-audio .mejs-time-buffering,
#audio-player-large 
.mejs-audio .mejs-time-current,
#audio-player-large 
.mejs-audio .mejs-time-loaded,
#audio-player-large 
.mejs-audio .mejs-time-total {
	height: 6px;
}

#audio-player-large 
.mejs-audio .mejs-time-handle,
#audio-player-large 
.mejs-audio .mejs-time-handle-content {
	border-radius: 20px;
}

#audio-player-large 
.mejs-audio .mejs-time-handle-content {
	top: -6px;
}

#audio-player-large .mejs-audio .mejs-controls 
.mejs-time-rail 
.mejs-time-loaded,
#audio-player-large 
.mejs-audio .mejs-time-total {
	border-radius: 6px;
    overflow: hidden;
	background-color: #DADCE1;
}

#audio-player-large .mejs-audio .mejs-controls 
.mejs-horizontal-volume-slider 
.mejs-horizontal-volume-current,
#audio-player-large .mejs-audio .mejs-controls 
.mejs-time-rail 
.mejs-time-current {
	background-color: #17D991;
}

#audio-player-large 
.mejs-audio .mejs-time-rail {
	line-height: 14px;
}

#audio-player-large 
.mejs-audio .mejs-time-float {
	color: #222;
	border: none;
}

#audio-player-large 
.mejs-audio .mejs-volume-button button {
	margin-top: 20px;
	overflow: visible;
}

#audio-player-large 
.mejs-audio .mejs-mute button {
	background: no-repeat;
}

#audio-player-large 
.mejs-audio .mejs-mute button::after,
#audio-player-large 
.mejs-audio .mejs-unmute button::after {
	color: #17D991;
	font-family: 'FontAwesome';
	font-size: 22px;
    transform: rotate(0.001deg);
    transition: color .3s;
}

#audio-player-large 
.mejs-audio .mejs-mute button::after {
	content: "\f028";
}

#audio-player-large 
.mejs-audio .mejs-unmute button::after {
	content: "\f026";
}

#audio-player-large .mejs-audio .mejs-controls 
.mejs-horizontal-volume-slider 
.mejs-horizontal-volume-total {
	height: 6px;
	margin-top: 7px;
	border-radius: 6px;
    overflow: hidden;
	background-color: #DADCE1;
}

/*** Player Hide Show Button ***/

.player-show-hide {
	position: absolute;
    right: 22px;
    top: -32px;
    z-index: 301;
    display: block;
    width: 38px;
    height: 38px;
    color: #222;
    border: 1px solid #f3f3f3;
    border-radius: 38px;
    background-color: #fff;
	box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.06);
    line-height: 38px;
    text-align: center;
    cursor: pointer;
}

.hidden-player 
.player-show-hide {
	top: -62px;
}

.hidden-player 
.player-show-hide {
	line-height: 38px;
}

.player-show-hide::after {
	font-family: 'FontAwesome';
	font-size: 17px;
    transform: rotate(0.001deg);
    transition: color .3s;
}

.player-show-hide:hover::after {
	color: #17D991;
}

.player-show-hide::after {
	content: "\f00d";
}

.hidden-player 
.player-show-hide::after {
	content: "\f065";
}

/*-------------------------------------------*\
	18. Single Post Page Styling
\*-------------------------------------------*/

.single-wrap-left {
	width: 787px;
	float: left;
	margin-bottom: 30px;
}

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

.single-header-center,
.single-wrap-center {
	width: 860px;
	margin-right: auto;
	margin-left: auto;
}

.single-wrap-center {
	margin-bottom: 20px;
}

.single-thumb {
	line-height: 0;
}

.single-thumb-center {
	text-align: center;
}

.single-thumb {
	margin-bottom: 40px;
}

.single-categories a {
	display: inline-block;
	height: 28px;
	padding: 0 15px;
	margin-right: 2px;
	margin-bottom: 22px;
	color: #fff;
	border-radius: 6px;
	background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 14px;
	line-height: 29px;
	text-transform: uppercase;
}

.single-categories a:hover {
	background-color: #222;
	box-shadow: none;
	text-decoration: none;
}

.single-post-title {
	margin-bottom: 14px;
	font-size: 37px;
    line-height: 41px;
}

.single-header-center 
.single-post-title {
	margin-bottom: 12px;
	font-size: 42px;
	line-height: 48px;
}

.single-header .post-meta {
	margin-bottom: 10px;
	font-size: 14px;
}

.single-header-center 
.post-meta {
    margin-bottom: 21px;
}

.post-meta a:hover {
	text-decoration: none;
}

.single-tags {
	margin-bottom: 34px;
}

/*** Single Share Styling ***/

.single-share-icons {
	position: relative;
	clear: both;
	margin-bottom: 50px;
}

.single-share-icons::before {
	content: "";
	position: absolute;
	left: 0;
	top: 18px;
	z-index: 1;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #E9E9E9;
}

.share-this-txt {
	padding-right: 7px;
	color: #A4A4A4;
	font-size: 14px;
	line-height: 38px;
	text-transform: uppercase;
}

.single-share-icons li {
	position: relative;
	z-index: 2;
	float: left;
	background-color: #fff;
}

.single-share-icons a {
	display: block;
	width: 38px;
	height: 38px;
	margin-right: 5px;
	color: #fff;
	border-radius: 6px;
	background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 20px;
	line-height: 39px;
	text-align: center;
}

.single-share-icons a:hover {
	background-color: #222;
	box-shadow: none;
}

/*** Author Bio Styling ***/

#about-author {
	margin-bottom: 46px;
}

#author-avatar {
	width: 62px;
	height: 62px;
	float: left;
	margin-right: 10px;
	border-radius: 6px;
	overflow: hidden;
}

#author-text {
	overflow: hidden;
}

#author-text h6 {
	margin-bottom: 4px;
	font-size: 16px;
	text-transform: uppercase;
}

#author-text p {
	font-size: 16px;
	line-height: 22px;
}

#author-icons li {
	float: left;
	margin-top: 10px;
	margin-right: 5px;
}

#author-icons a {
	display: block;
	width: 32px;
	height: 32px;
	color: #222;
	border-radius: 6px;
	background-color: #eee;
	font-size: 18px;
	line-height: 34px;
	text-align: center;
}

#author-icons a:hover {
	color: #fff;
	background-color: #222;
}

/*** Comments Styling ***/

.bypostauthor 
.comment-author::before {
	padding-right: 3px;
	padding-left: 1px;
	content: "\f058";
	color: #17D991;
	font-family: 'FontAwesome';
	font-weight: 400;
	transform: rotate(0.001deg);
}

.comment-body {
	position: relative;
    margin-bottom: 30px;
}

.comment-body
.avatar-wrap {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	float: left;
	margin-right: 7px;
	border-radius: 6px;
	overflow: hidden;
}

.comment-body
.avatar-wrap img {
	width: 100%;
	height: auto;
}

.pingback 
.avatar-wrap,
.trackback 
.avatar-wrap {
	display: none;
}

.comment
.children {
	margin-left: 74px;
}

.comment-contents {
	overflow: hidden;
}

.comment-meta {
	font-size: 14px;
	text-transform: uppercase;
}

.comment-meta li {
	position: relative;
	float: left;
}

.comment-author {
	margin-right: 8px;
    font-weight: 700;
    color: #222;
}

.comment-author a {
	color: #222;
	text-decoration: none;
}

.comment-author a:hover {
	color: #777;
}

.comment-date {
	color: #959595;
}

.comment-text p {
	margin-bottom: 20px;
	font-size: 16px;
	line-height: 24px;
}

.comment-reply-link {
	position: relative;
    height: 28px;
   	padding: 0 14px;
   	float: right;
    color: #222;
	border-radius: 6px;
    background-color: #E2E2E2;
    font-weight: 700;
    font-size: 12px;
    line-height: 29px;
    text-transform: uppercase;
    transition: all .3s;
}

.comment-reply-link::after {
	content: "\f112";
	margin-left: 3px;
	font-size: 12px;
	font-weight: 400;
	font-family: 'FontAwesome';
	transform: rotate(0.001deg);
}

.comment-text 
.comment-reply-link {
	text-decoration: none;
}

.comment-text 
.comment-reply-link:hover {
	color: #fff;
	background-color: #222;
}

.comment-text {
	clear: both;
}

.awaiting-mod-txt {
	display: block;
	color: #959595;
	margin-bottom: 20px;
}

/*** Comment Form Styling ***/

#respond 
.small-section-heading h4 {
	margin-bottom: 26px;
}

#commentform {
	margin-bottom: 50px;
}

#cancel-comment-reply-link {
	position: relative;
	display: table;
    margin-top: 11px;
	padding-left: 17px;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;
    transition: color .3s;
}

#cancel-comment-reply-link::before {
	position: absolute;
	left: 0;
	top: -1px;
	content: "\f00d";
	font-size: 17px;
	font-weight: 400;
	font-family: 'FontAwesome';
	transform: rotate(0.001deg);
}

#cancel-comment-reply-link:hover {
	color: #a0a4ad;
}

#respond
.comment-notes,
.logged-in-as {
	margin-top: 7px;
    margin-bottom: 18px;
	font-size: 16px;
}

#respond
.required {
	color: #FF0000;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
	font-size: 16px;
	line-height: 0;
}

#respond
.comment-form-url {
	margin-right: 0;
}

#respond 
.comment-form-comment label {
	display: none;
}

.comment-form-author,
.comment-form-email,
.comment-form-url {
	height: 46px;
	clear: both;
    line-height: 46px;
}

#author,
#email,
#url,
#comment {
	color: #9e9e9e;
	padding-left: 16px;
	margin-bottom: 28px;
	border: none;
	border-radius: 6px;
    background-color: #f5f5f5;
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
    font-weight: 400;
	transition: all .3s;
}

#author:focus,
#email:focus,
#url:focus,
#comment:focus {
	outline: none;
    color: #555;
}

#author,
#email,
#url {
	width: 34%;
	height: 46px;
	float: left;
}

#comment {
	width: 98.3%;
	height: 180px;
	padding: 16px 0 16px 16px;
	line-height: 31px;
}

#respond p label {
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

#respond p label,
#respond p label + .required {
	margin-left: 10px;
}

.comment-form-cookies-consent {
	clear: both;
	margin-bottom: 28px;
}

#respond 
.comment-form-cookies-consent label {
	margin-left: 0;
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	font-weight: 400;
	text-transform: none;
}

#wp-comment-cookies-consent {
	width: 16px;
    height: 16px;
}

.form-submit {
	clear: both;
}

.comment
.form-submit {
	margin-bottom: 15px;
}

#submit {
    height: 42px;
    padding: 0 38px;
    color: #fff;
    border: none;
	border-radius: 6px;
	background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 43px;
    text-transform: uppercase;
    transition: all .3s;
    cursor: pointer;
}

#submit:hover {
    background-color: #222;
	box-shadow: none;
}

/*** Related Posts Styling ***/

#related-posts 
.medium-post + .medium-post {
	margin-right: 0;
}

.single-wrap-center 
#related-posts .medium-post {
    width: 410px;
}

/*-------------------------------------------*\
	19. WooCommerce Shop Styling
\*-------------------------------------------*/

#shop-with-sidebar {
	width: 790px;
	float: left;
}

.shop-post {
	width: 271px;
	float: left;
	margin-right: 38px;
	margin-bottom: 50px;
}

#shop-with-sidebar 
.shop-post {
	width: 240px;
	margin-right: 35px;
}

#full-width-shop 
.shop-post:nth-child(4n),
#shop-with-sidebar 
.shop-post:nth-child(3n) {
	margin-right: 0;
}

#full-width-shop 
.shop-post:nth-child(4n+1),
#shop-with-sidebar 
.shop-post:nth-child(3n+1) {
    clear: left;
}

/*** Spinner Styling ***/

.woocommerce div.product form.cart div.quantity 
.ui-spinner {
	position: relative;
	padding: 10px 0;
}

.woocommerce div.product form.cart div.quantity 
.ui-spinner-button {
	position: absolute;
	right: 5px;
	color: #222;
	background-color: #efefef;
	font-size: 10px;
	cursor: pointer;
}

.woocommerce div.product form.cart div.quantity 
.ui-spinner-button:hover {
	color: #999;
}

.woocommerce div.product form.cart div.quantity 
.ui-spinner-up {
	top: 5px;
	padding: 2px 2px 0 3px;
}

.woocommerce div.product form.cart div.quantity 
.ui-spinner-down {
	bottom: 3px;
	padding: 2px 2px 2px 3px;
}

/*** Woo Pagination ***/

.woocommerce 
nav.woocommerce-pagination {
	width: 100%;
	clear: both;
	margin-bottom: 70px;
	color: #222;
	text-align: left;
}

.woocommerce 
nav.woocommerce-pagination ul,
.woocommerce 
nav.woocommerce-pagination ul li {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
	display: block;
	float: left;
	padding: 14px 15px 13px;
	margin-right: 8px;
	margin-bottom: 8px;
	color: #fff;
	border-radius: 6px;
    background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-size: 14px;
    font-weight: 700;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	transition: all .3s;
}

.woocommerce 
nav.woocommerce-pagination ul li a:focus, 
.woocommerce 
nav.woocommerce-pagination ul li a:hover {
	color: #fff;
    background-color: #222;
	box-shadow: none;
}

.woocommerce 
nav.woocommerce-pagination ul li span.current {
	color: #9F9F9F;
    background-color: #EFEFEF;
	box-shadow: none;
}

.woocommerce 
nav.woocommerce-pagination ul li span.dots {
	margin-top: 10px;
	float: left;
	background-color: unset;
}

/*** Woo Styling ***/

.woocommerce 
.woocommerce-result-count {
	height: 45px;
	color: #8A8A8A;
	line-height: 45px;
}

.woocommerce 
.woocommerce-result-count,
.woocommerce .woocommerce-ordering,
.woocommerce .woocommerce-breadcrumb {
	margin-bottom: 50px;
	color: #8A8A8A;
}

.product-thumb {
	margin-bottom: 18px;
	box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}

.product-thumb a {
	display: block;
	line-height: 0;
}

.woocommerce span.onsale {
	position: absolute;
	left: 12px;
    top: 12px;
    z-index: 1;
	height: 22px;
    min-width: auto;
    min-height: auto;
    color: #fff;
    clear: both;
    padding: 0 12px;
    border-radius: 22px;
    background-color: #17D991;
    font-size: 11px;
    font-weight: 400;
    line-height: 23px;
    text-align: center;
    text-transform: uppercase;
    transition: background .3s;
}

.product-thumb a:hover 
span.onsale {
	background-color: #222;
}

/*** Product Content ***/

.woocommerce 
.product-content {
	padding-left: 0;
	text-align: center;
}

.product-title {
	margin-bottom: 9px;
	font-size: 22px;
    line-height: 26px;
}

.product_list_widget 
.product-title {
	font-size: 20px;
    line-height: 22px;
}

.product-content 
.product-cats {
	display: inline-block;
	margin-bottom: 12px;
}
 
.woocommerce 
.product-content 
.star-rating {
	margin: 0 auto 12px;
	float: none;
}

.woocommerce 
.star-rating,
.woocommerce 
.star-rating::before,
.woocommerce p.stars a {
	color: #17D991;
}

.product-content 
.product-price {
	display: block;
	margin-bottom: 18px;
	color: #222;
	font-size: 16px;
	font-weight: 700;
}

.product-price del {
	margin-right: 4px;
	color: #868686;
	font-weight: 400;
}

.product-price ins {
	text-decoration: none;
}

.product-cats {
	position: relative;
	display: inline-block;
    padding-left: 12px;
    font-size: 12px;
    text-transform: uppercase;
}

.product-cats,
.product-cats a {
	color: #868686;
}

.product-cats a:hover {
	color: #17D991;
}

.product-cats::before {
	position: absolute;
    left: 0;
    top: 5px;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background-color: #17D991;
}

/*** My Account Page ***/

.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register {
	border-radius: 4px;
	border: 1px solid #dcdcdc;
}

.woocommerce-MyAccount-navigation {
	font-size: 14px;
	text-transform: uppercase;
}

.woocommerce-MyAccount-navigation ul {
	padding-left: 0;
}

.woocommerce-MyAccount-navigation ul li {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #EAEAEA;
	list-style: none;
}

.woocommerce-MyAccount-navigation ul li a {
	color: #222;
}

.woocommerce-MyAccount-navigation ul li a::before {
	content: "\f0da";
	padding-right: 5px;
	font-size: 14px;
	font-family: 'FontAwesome';
	transform: rotate(0.001deg);
}

.woocommerce-MyAccount-navigation ul li a:hover,
.woocommerce-MyAccount-navigation ul li.is-active a {
	color: #17D991;
}

.woocommerce 
.woocommerce-MyAccount-content table.shop_table {
	border-right-color: #767676;
}

.woocommerce 
.woocommerce-MyAccount-content table.shop_table,
.woocommerce 
.woocommerce-MyAccount-content table.shop_table td {
	border: 1px solid #767676;
}

.woocommerce 
.woocommerce-MyAccount-content table.shop_table_responsive 
tbody tr:first-child td:first-child, 
.woocommerce-page 
.woocommerce-MyAccount-content table.shop_table_responsive 
tbody tr:first-child td:first-child {
	border-top: 1px solid #767676;
}

/*** Notices / Buttons Styling ***/

.woocommerce 
.woocommerce-error,
.woocommerce 
.woocommerce-info,
.woocommerce 
.woocommerce-message {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 3em;
	margin-bottom: 48px;
	margin-left: 0;
	color: #787878;
	border: 1px solid #eee;
}

.woocommerce 
.woocommerce-message .button,
.woocommerce-page .woocommerce-info .button {
	margin-right: 12px;
}

.woocommerce-error::before, 
.woocommerce-info::before, 
.woocommerce-message::before {
	top: 1.02em;
	color: #17D991;
}

.single-product 
.woocommerce-message::before {
    top: 1.5em;
}

.woocommerce 
.cart-empty.woocommerce-info {
	margin-bottom: 44px;
}

.woocommerce-error li, 
.woocommerce-info li, 
.woocommerce-message li {
	margin-bottom: 0;
}

.add-cart-btn {
	display: block;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt,
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled] {
	position: relative;
	display: inline-block;
	height: 38px;
    color: #808080;
    padding: 0 17px;
    border-radius: 6px;
    border: none;
    background-color: #ebe9eb;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 700;
    line-height: 39px;
    text-transform: uppercase;
    transition: all .3s;
    cursor: pointer;
}

.woocommerce
button.single_add_to_cart_button.button.alt,
.woocommerce #respond input#submit {
	height: 42px;
	padding: 0 32px;
	color: #fff;
	background-color: #222;
	font-size: 14px;
	line-height: 42px;
}

.woocommerce a.button.product_type_external {
	padding: 0 19px;
	font-size: 12px;
}

.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover {
	color: #808080;
	cursor: not-allowed;
}

.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover,
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
	color: #fff;
	background-color: #17D991;
	box-shadow: none;
}

.woocommerce #respond input#submit.loading::after, 
.woocommerce a.button.loading::after, 
.woocommerce button.button.loading::after, 
.woocommerce input.button.loading::after {
	top: 0.100em;
}

.woocommerce a.button.loading::after {
	top: 0.02em;
}

.woocommerce a.added_to_cart {
	display: block;
    margin-top: 10px;
	font-size: 12px;
	text-transform: uppercase;
}

.woocommerce-variation.single_variation {
	margin-bottom: 30px;
}

.woocommerce #respond input#submit.alt.disabled, 
.woocommerce #respond input#submit.alt.disabled:hover, 
.woocommerce #respond input#submit.alt:disabled, 
.woocommerce #respond input#submit.alt:disabled:hover, 
.woocommerce #respond input#submit.alt:disabled[disabled], 
.woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce a.button.alt.disabled, 
.woocommerce a.button.alt.disabled:hover, 
.woocommerce a.button.alt:disabled, 
.woocommerce a.button.alt:disabled:hover, 
.woocommerce a.button.alt:disabled[disabled], 
.woocommerce a.button.alt:disabled[disabled]:hover, 
.woocommerce button.button.alt.disabled, 
.woocommerce button.button.alt.disabled:hover, 
.woocommerce button.button.alt:disabled, 
.woocommerce button.button.alt:disabled:hover, 
.woocommerce button.button.alt:disabled[disabled], 
.woocommerce button.button.alt:disabled[disabled]:hover, 
.woocommerce input.button.alt.disabled, 
.woocommerce input.button.alt.disabled:hover, 
.woocommerce input.button.alt:disabled, 
.woocommerce input.button.alt:disabled:hover, 
.woocommerce input.button.alt:disabled[disabled], 
.woocommerce input.button.alt:disabled[disabled]:hover {
	color: #808080;
    background-color: #ebe9eb;
}

/*** Single Product Page ***/

.woocommerce .woocommerce-breadcrumb {
	color: #979797;
	font-size: 14px;
	text-transform: uppercase;
}

.woocommerce .woocommerce-breadcrumb a {
	color: #222;
}

.woocommerce div.product div.images,
.woocommerce div.product div.summary {
	margin-bottom: 70px;
}

.woocommerce div.product 
div.images.woocommerce-product-gallery {
	border-radius: 8px;
	overflow: hidden;
}

.woocommerce div.product 
div.images .flex-control-thumbs {
	margin-top: 1px;
	border-radius: 6px;
}

.woocommerce div.product div.summary {
	padding-top: 20px;
}

.woocommerce div.product .product_title {
	margin-bottom: 21px;
}

.woocommerce div.product form.cart div.quantity 
input:focus, textarea:focus {
	outline: none;
}

.woocommerce-grouped-product-list {
	margin-bottom: 20px;
}

.woocommerce div.product form.cart 
.group_table td.woocommerce-grouped-product-list-item__label {
	vertical-align: middle;
}

.woocommerce div.product form.cart 
.group_table td.woocommerce-grouped-product-list-item__label a {
	color: #222;
}

.woocommerce div.product form.cart 
.group_table td.woocommerce-grouped-product-list-item__label a:hover {
	color: #666;
}

.woocommerce div.product form.cart 
.group_table td.woocommerce-grouped-product-list-item__price {
	color: #222;
	font-weight: 700;
	vertical-align: middle;
}

.woocommerce div.product form.cart 
.group_table td.woocommerce-grouped-product-list-item__price del {
    margin-right: 4px;
    color: #868686;
    font-weight: 400;
}

.group_table td.woocommerce-grouped-product-list-item__price ins {
    text-decoration: none;
}

.woocommerce .quantity .qty {
    height: 40px;
    margin-right: 4px;
    color: #555;
    border-radius: 6px;
    border: 1px solid #e3e3e3;
}

.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce div.product p.price ins {
	color: #17D991;
	margin-bottom: 12px;
	font-weight: 700;
}

.woocommerce div.product p.price ins, 
.woocommerce div.product span.price ins {
	text-decoration: none;
}

.woocommerce div.product p.price del, 
.woocommerce div.product span.price del {
	font-weight: 400;
}

.woocommerce-product-details__short-description {
	margin-bottom: 30px;
	color: #777;
}

.woocommerce-product-details__short-description p {
	margin-bottom: 16px;
}

.product_meta {
	color: #222;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

.product_meta a {
	font-weight: 400;
}

.sku_wrapper,
.product_meta .posted_in {
	display: block;
	margin-bottom: 10px;
}

.sku {
	color: #979797;
	font-weight: 400;
}

.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th {
	line-height: 45px;
}

.woocommerce div.product 
form.cart .variations {
	margin-bottom: 30px;
	text-transform: uppercase;
}

.woocommerce div.product form.cart 
.variations td.label {
	padding-right: 5px;
}

.woocommerce div.product 
form.cart .variations select {
	margin-bottom: 20px;
}

.reset_variations {
	text-transform: uppercase;
}

.woocommerce div.product 
.woocommerce-tabs ul.tabs {
	padding-left: 0;
}

.woocommerce div.product 
.woocommerce-tabs ul.tabs li {
	margin: 0;
}

.woocommerce div.product 
.woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product 
.woocommerce-tabs ul.tabs li::before {
	box-shadow: 2px 2px 0 #F9F9F9;
}

.woocommerce div.product 
.woocommerce-tabs ul.tabs li,
.woocommerce div.product 
.woocommerce-tabs ul.tabs li::before,
.woocommerce div.product 
.woocommerce-tabs ul.tabs li::after {
	border-radius: 0;
}

.woocommerce div.product 
.woocommerce-tabs ul.tabs li,
.woocommerce div.product 
.woocommerce-tabs ul.tabs li::after, 
.woocommerce div.product 
.woocommerce-tabs ul.tabs li::before {
	border: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after,
.woocommerce div.product 
.woocommerce-tabs ul.tabs li.active::before {
	display: none;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
	background-color: transparent;
}

.woocommerce div.product 
.woocommerce-tabs ul.tabs li a {
	color: #979797;
	font-size: 15px;
	text-transform: uppercase;
}

.woocommerce div.product 
.woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product 
.woocommerce-tabs ul.tabs li.active {
	color: #222;
}

.woocommerce div.product 
.woocommerce-tabs ul.tabs li.active {
	border-bottom: 2px solid #222;
}

.woocommerce-Tabs-panel h2 {
    display: none;
}

.product .related h2 {
	font-size: 24px;
	text-transform: uppercase;
}

.woocommerce div.product 
.woocommerce-tabs .panel {
	margin-bottom: 50px;
}

.product .related h2,
.woocommerce-Tabs-panel--additional_information h2 {
    margin-bottom: 40px;
}

.woocommerce table {
	border-spacing: 0;
}

.woocommerce #reviews p,
.woocommerce #reviews 
#reply-title {
	margin-bottom: 20px;
}

.comment-form-rating label {
	margin-bottom: 10px;
}

.woocommerce #reviews 
#reply-title,
.comment-form-rating label {
	display: inline-block;
	color: #222;
	font-weight: 700;
    text-transform: uppercase;
}

.comment-form-rating label {
	color: #222;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

#review_form 
.comment-form-comment label {
	line-height: 46px;
}

#review_form #author,
#review_form #email, 
#review_form #comment {
	margin-bottom: 14px;
}

.woocommerce #review_form #respond 
.comment-notes {
	margin-bottom: 20px;
}

.woocommerce #reviews #comment {
    height: 150px;
}

#review_form #respond 
.comment-form-cookies-consent label {
	display: inline-block;
	margin: 16px 0;
	clear: both;
}

#reviews 
#commentform {
	margin-bottom: 0;
}

.related.products 
.shop-post {
	margin-right: 38px;
}

.related.products 
.shop-post:last-child {
	margin-right: 0;
}

/*** Review Comments Styling ***/

.woocommerce #reviews 
#comments ol.commentlist li {
	margin-bottom: 50px;
}

.woocommerce div.product 
.woocommerce-product-rating {
	margin: 12px 0;
}

.woocommerce 
.woocommerce-product-rating .star-rating {
	margin-right: 5px;
}

.woocommerce p.stars a:hover {
	color: #17D991;
}

.woocommerce-review-link {
	text-decoration: none;
	font-size: 10px;
    text-transform: uppercase;
}

.woocommerce #reviews #comments h2 {
	margin-bottom: 26px;
}

.woocommerce #reviews #comments 
ol.commentlist li img.avatar {
	width: 48px;
	padding: 0;
	border: none;
	border-radius: 6px;
}

.woocommerce #reviews #comments 
ol.commentlist li .comment-text {
    border: none;
    border-radius: 0;
    padding: 0;
    margin-left: 58px;
}

.woocommerce 
.shop-post .star-rating {
	float: none;
	color: #17D991;
	font-size: 14px;
}

.woocommerce #reviews 
.comment-text:after {
	margin-top: 25px;
}

.woocommerce #reviews #comments 
ol.commentlist li .comment-text p.meta {
	margin-bottom: 8px;
    font-size: 14px;
}

.woocommerce 
.review .meta {
	text-transform: uppercase;
}

.woocommerce-review__author {
	color: #222;
}

.woocommerce-review__published-date {
	color: #aaa;
}

.woocommerce-review__awaiting-approval {
	color: #aaa;
	text-transform: none;
}

/*** Woo Widgets Styling ***/

.woocommerce 
.widget_price_filter .ui-slider 
.ui-slider-handle {
	background-color: #17D991;
}

.woocommerce 
.widget_price_filter .ui-slider 
.ui-slider-range {
	background-color: #eee;
}

.woocommerce .widget_price_filter 
.price_slider_wrapper .ui-widget-content {
	margin-bottom: 34px;
	background-color: #17D991;
}

.woocommerce .widget_price_filter 
.price_slider_amount .button {
	font-size: 13px;
}

.woocommerce .widget_price_filter 
.price_label {
	color: #ABABAB;
	line-height: 36px;
	text-transform: uppercase;
}

.woocommerce .widget_price_filter 
.price_label span {
	color: #222;
	font-weight: 700;
}

.woocommerce .widget_price_filter 
.price_label .from {
	margin-left: 3px;
}

.woocommerce 
ul.product_list_widget {
	color: #8A8A8A;
}

.woocommerce 
ul.product_list_widget 
li img {
	width: 100px;
	margin-left: 14px;
	border-radius: 6px;
}

.woocommerce 
ul.product_list_widget li {
	padding-top: 0;
	padding-bottom: 35px;
}

.woocommerce 
ul.product_list_widget 
li a {
	margin-bottom: 8px;
	color: #222;
}

.woocommerce 
ul.product_list_widget 
li a:hover {
    color: #444;
}

.woocommerce 
ul.product_list_widget ins {
	text-decoration: none;
}

.woocommerce 
ul.product_list_widget del {
	opacity: .6;
}

.woocommerce 
ul.product_list_widget .amount {
	font-size: 14px;
}

/*** Cart Styling ***/

.woocommerce 
table.shop_table {
	border-collapse: collapse;
}

.woocommerce-cart 
table.cart img {
	width: 120px;
}

.woocommerce-cart 
table.cart thead {
    display: none;
}

.woocommerce-cart 
table.cart,
.woocommerce-cart 
table.cart td {
	border: 0;
}

.woocommerce-cart 
table.cart td {
	padding: 32px 16px;
    background: transparent;
}

.woocommerce-cart 
table.cart tr {
   	border: 1px solid #dcdcdc;
    border-right: 0;
    border-left: 0;
}

.woocommerce-cart 
table.cart 
.product-price {
	color: #222;
	font-size: 16px;
}

.woocommerce-cart 
table.cart 
.product-subtotal {
	color: #17D991;
	font-size: 20px;
}

.woocommerce-cart 
table.cart
.product-name a {
	color: #222;
	font-size: 18px;
	font-weight: 700;
	text-decoration: none;
}

.woocommerce a.remove {
	color: #17D991;
	line-height: 1.1;
}

.woocommerce-cart 
table.cart td.actions 
.coupon .input-text {
	width: 150px;
	height: 38px;
	margin-right: 10px;
	border-radius: 6px;
	border-color: #dcdcdc;
	text-align: center;
}

.woocommerce 
.coupon button.button:hover {
	color: #fff;
	background-color: #17D991;
}

.woocommerce .cart-collaterals, 
.woocommerce-page .cart-collaterals {
	margin-top: 40px;
}

.woocommerce 
table.shop_table {
	color: #222;
	margin-bottom: 44px;
	border-radius: 0;
	border-color: #dcdcdc;
}

.woocommerce-cart .cart-collaterals .cart_totals tr th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
	border-bottom: 0;
}

.woocommerce table.shop_table th,
.woocommerce-cart .cart-collaterals .cart_totals tr td {
	padding: 25px 30px;
}

.cart-collaterals 
.order-total 
.woocommerce-Price-amount {
	color: #17D991;
	font-size: 20px;
    font-weight: 400;
}

.woocommerce-cart 
.wc-proceed-to-checkout a.checkout-button {
	height: 45px;
	font-size: 14px;
	line-height: 45px;
}

/*** Checkout / Page Styling ***/

.woocommerce-info 
.showcoupon {
	margin-left: 7px;
}

.woocommerce form .form-row {
	margin-bottom: 34px;
}

.woocommerce form .form-row label {
	color: #222;
    font-size: 15px;
    font-weight: 700;
}

.select2-container--default .select2-selection--single,
.woocommerce form .form-row input.input-text {
	height: 46px;
}

.select2-container--default .select2-selection--single,
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
	color: #9e9e9e;
    padding-left: 15px;
    border-radius: 0;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    background-color: #fff;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    transition: all .3s;
}

.select2-container--default .select2-selection--single:focus,
.woocommerce form .form-row input.input-text:focus, 
.woocommerce form .form-row textarea:focus {
	outline: none;
    color: #555;
    border-color: #CECECE;
    background-color: #fff;
}

.select2-container .select2-selection--single 
.select2-selection__rendered {
	padding-left: 0;
	line-height: 46px;
}

.select2-container--default 
.select2-selection--single .select2-selection__arrow b {
	top: 84%;
	margin-left: -16px;
}

.woocommerce form .form-row.woocommerce-validated .select2-container, 
.woocommerce form .form-row.woocommerce-validated input.input-text, 
.woocommerce form .form-row.woocommerce-validated select {
    border-color: #17D991;
}

.woocommerce form .form-row textarea {
	padding-top: 15px;
	height: 250px;
}

.woocommerce table.shop_table td {
	padding: 15px 24px;
}

#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
    background: #F4F4F4;
    border-radius: 0;
}

.woocommerce-checkout #payment ul.payment_methods {
	border-bottom-color: #dcdcdc;
}

.wc_payment_methods 
.woocommerce-info {
	background-color: #FBFBFB;
}

.woocommerce-checkout #payment 
ul.payment_methods li {
	list-style: none;
	line-height: 24px;
}

.wc_payment_methods 
.woocommerce-info::before {
	top: 20px;
}

.woocommerce-error li {
	margin-bottom: 0;
}

.woocommerce 
.woocommerce-customer-details address {
	width: 96%;
	padding: 24px 2%;
	line-height: 30px;
}

#order_review_heading {
	margin-top: 20px;
	margin-bottom: 25px;
}

/*-------------------------------------------*\
	20. Error Page Styling
\*-------------------------------------------*/

.error-content-wrap {
	margin-top: 80px;
	margin-bottom: 120px;
	text-align: center;
}

.error-content-wrap h1 {
	margin-bottom: 20px;
	font-size: 46px;
}

.error-content-wrap h3 {
	margin-bottom: 20px;
}

.error-content-wrap p {
	margin-bottom: 28px;
	color: #9c9c9c;
}

.error-wrap #searchform {
	margin: 0 auto 22px auto;
}

.error-wrap #s {
	width: 280px;
    height: 45px;
    color: #868686;
    padding: 0 16px;
    border-radius: 6px;
    border: 1px solid #E1E1E1;
    background-color: #fff;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
}

.error-wrap #s:focus {
	color: #464646;
	border-color: #cecece;
	outline: none;
}

.error-wrap #searchsubmit {
    height: 47px;
	color: #fff;
	padding: 0 28px;
	border: none;
	border-radius: 6px;
	background-color: #17D991;
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 45px;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .3s;
}

.error-wrap #searchsubmit:hover {
	color: #fff;
	background-color: #222;
}

.go-to-home {
	color: #222;
	font-size: 34px;
	transition: color .3s;
}

.go-to-home:hover {
	color: #17D991;
}

/*-------------------------------------------*\
	21. Page Templates Styling
\*-------------------------------------------*/

.page-temp-wrap .entry,
#full-width-page,
#full-width-page .entry {
	margin-bottom: 50px;
}

.main-page-heading {
	margin-bottom: 40px;
}

/*** Contact Form 7 Styling ***/

.entry .wpcf7 {
	overflow: hidden;
	margin-bottom: 40px;
}

.wpcf7 p {
	float: left;
	clear: both;
	margin-bottom: 10px;
}

.wpcf7 p:last-child {
	margin-bottom: 0;
}

.wpcf7-form
label {
	display: block;
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.wpcf7-text {
	width: 300px;
	height: 46px;
}

.wpcf7-textarea {
	width: 770px;
	height: 240px;
	padding-top: 10px;
}

.wpcf7-text,
.wpcf7-textarea,
.wpcf7-select {
	color: #9e9e9e;
    padding-left: 16px;
    margin-top: 3px;
    margin-bottom: 9px;
    border-radius: 6px;
    border: none;
    background-color: #f3f3f3;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    transition: all .3s;
}

.wpcf7-text.wpcf7-not-valid {
	margin-bottom: 2px;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus {
	outline: none;
    color: #555;
}

.wpcf7-response-output {
	float: left;
}

.wpcf7-submit {
	height: 41px;
    padding: 0 38px;
    color: #fff;
    border: none;
    border-radius: 6px;
    background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 43px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s;
}

.wpcf7-submit:hover {
	background-color: #222;
	box-shadow: none;
}

input::-moz-focus-inner { 
	border: 0; 
	padding: 0; 
	margin-top:-2px; 
	margin-bottom: -2px; 
}

/*-------------------------------------------*\
	22. Main Footer Styling
\*-------------------------------------------*/

#main-footer {
	padding-top: 66px;
	background-color: #F2F2F2;
	text-align: center;
}

#main-footer ul {
	display: inline-block;
}

#main-footer li {
	float: left;
}

#footer-logo img {
	max-height: 78px;
	margin-bottom: 40px;
	transition: all .3s;
	image-rendering: -webkit-optimize-contrast;
}

#footer-logo img:hover {
	filter: grayscale(100%);
}

#copyright {
	color: #8E8E8E;
	font-size: 14px;
	text-transform: uppercase;
}

/*** Footer Social Media Styling ***/

#footer-social {
	margin-bottom: 58px;
}

#footer-social li {
	margin-right: 10px;
}

#footer-social li:last-child {
	margin-right: 0;
}

#footer-social a {
	display: block;
	width: 52px;
	height: 52px;
	color: #fff;
	border-radius: 52px;
	background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	font-size: 25px;
	line-height: 52px;
}

#footer-social .facebook a,
#footer-social .twitter a {
	line-height: 54px;
}

#footer-social .twitch a {
	line-height: 56px;
}

#footer-social a:hover {
	background-color: #222;
	box-shadow: none;
}

/*** Footer Nav Styling ***/

#footer-nav-wrap {
	margin-bottom: 46px;
}

#footer-nav-wrap,
#footer-nav a {
	position: relative;
	height: 29px;
	font-size: 15px;
	text-transform: uppercase;
}

#footer-nav {
	position: relative;
	z-index: 2;
	display: inline-block;
	padding: 0 20px;
	background-color: #F2F2F2;
}

.footer-nav-bg {
	content: "";
	position: absolute;
	bottom: 17px;
	z-index: 1;
	display: block;
	width: 100%;
	height: 1px;
	background-color: #D9D9D9;
}

#footer-nav li {
	position: relative;
	padding: 0 16px;
}

#footer-nav li::before,
#footer-nav li:last-child:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    width: 1px;
    height: 10px;
    background-color: #D9D9D9;
}

#footer-nav li:last-child:after {
	left: unset;
	right: 0;
}

#footer-nav li:last-child {
	margin-right: 0;
}

#footer-nav a {
	color: #222;;
}

#footer-nav a:hover,
#footer-nav .current-menu-item a {
	color: #17D991;
	text-decoration: none;
}

#footer-nav ul li ul {
    position: absolute;
    left: -15px;
    bottom: 24px;
    z-index: 100;
    visibility: hidden;
    opacity: 0;
    float: none;
    padding: 10px 15px;
    border-radius: 6px;
    background-color: #fff;
    box-shadow: 0px -3px 6px rgb(0 0 0 / 5%);
}

#footer-nav ul li:hover > ul {
    visibility: visible;
    animation-name: fadeIn;
    animation-duration: .5s;
    animation-fill-mode: both;
}

#footer-nav ul li ul li {
	min-width: 162px;
	margin: 5px 0;
	padding: 0 10px;
	font-size: 14px;
	text-align: left;
}

#footer-nav ul li ul li::before,
#footer-nav ul li ul li:last-child:after {
	display: none;
}

#footer-nav .navbubble {
    top: -20px;
}

#footer-nav ul li ul ul {
	left: 100%;
	bottom: 0;
}

/*** Copyrights Text Styling ***/

#copyright {
	margin-bottom: 50px;
}

/*** Back To Top Styling ***/

#back-to-top {
	position: fixed;
	right: 40px;
	bottom: 40px;
	z-index: 99;
	display: none;
	width: 54px;
	height: 54px;
	color: #fff;
	border-radius: 54px;
	background-color: #17D991;
	box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
	text-align: center;
	line-height: 54px;
	cursor: pointer;
	transition: all .3s;
}

#back-to-top::before {
	content: "\f102";
	font-size: 24px;
	font-family: 'FontAwesome';
	transform: rotate(0.001deg);
}

#back-to-top:hover {
	color: #fff;
	background-color: #222;
	box-shadow: none;
}