/*
Theme Name: Cabbage

*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');

@import url('https://fonts.googleapis.com/css?family=Fjalla+One');

@import url('https://fonts.googleapis.com/css?family=Libre+Franklin');

.spacer{
    
    margin-left: 3px;
     margin-right: 3px;
}
input::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-webkit-input-placeholder {
    color: #888;
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

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

ul, li {list-style: none; padding: 0; margin: 0;}

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

.col-lg-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    display: inline-block;
    padding: 5px
}

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
	display: none !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-family: 'Libre Franklin', sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	/*padding: 1.5em 0 0;*/
	color: #000;
	font-family: 'Fjalla One', sans-serif;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

h2,
.home.blog .entry-title {
	color: #000;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	font-family: 'Fjalla One', sans-serif
}

h3 {
	color: #000;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	color: #000;
	font-size: 16px;
	font-size: 1rem;
	font-weight: normal;
}

h5 {
	color: #000;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #000;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

p {
	margin: 0 0 1.5em;
	padding: 0;
	font-size: 14px;
}

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

blockquote {
	color: #000;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

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

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

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

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

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

:focus {
	outline: none;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
	font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
	font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
	font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
	font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
	font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
	font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
	font-weight: 700;
	line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
	font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
	font-weight: 700;
	line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
	font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
	font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
	font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
	font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
	font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
	line-height: 1.65;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
	line-height: 1.8;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0;
}

fieldset {
	margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.5em;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #fff;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #fff;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #fff;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}


/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
	font-weight: 600;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #ccc;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #000;
	text-decoration: none;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	color: #aaa;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #000;
	-webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	font-size: 16px;
	font-size: 1rem;
	position: relative;
	display: none;
}

.navigation-top .wrap {
	max-width: 1000px;
	padding: 0 !important;
}

.navigation-top a {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #cfee30;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover {
	color: #cfee30;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: none;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 0 12px 0 0;
	padding: 0.4em 0.6em;
	text-shadow: none;
	float: right;
	background: #de5f88;
}

/* Display the menu toggle when JavaScript is available. */

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

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: #000;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: 0;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none !important;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #eee;
	/* Fallback for when there is no custom background color defined. */
}

#page {
	position: relative;
	word-wrap: break-word;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	max-width: 700px;
	padding-left: 20px;
	padding-right: 20px;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
	position: relative;
}

.site-header {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}

/* Site branding */

.site-branding {
	padding: 1em 0;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
	display: none !important;
}

.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}

.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: #fff;
}

.site-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #fff;
	opacity: 0.8;
}

.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.custom-header {
	position: relative;
	float: left;
	margin-bottom: 0 !important;
	display: none;
}


.home .custom-header {display: block;}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	height: 300px;
	height: 75vh;
	width: 100%;
}

.custom-header-media {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: relative;
	right: 0;
	top: 0;
	width: 100%;
	height: auto !important;
}

.custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
	display: none;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
	position: static;
	height: auto;
	left: 50%;
	max-width: 1000%;
	min-height: 100%;
	min-width: 100%;
	min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
	width: auto;
	top: 50%;
	padding-bottom: 1px; /* Prevent header from extending beyond the footer */
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}

.admin-bar .wp-custom-header-video-button {
	top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	bottom: 0;
	position: absolute;
	top: auto;
	-ms-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
	display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
	padding: 0;
}

.twentyseventeen-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}

.panel-content {
	position: relative;
}

.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
	border: 0;
	color: #333;
	margin-bottom: 3em;
}

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #fff;
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}

.site-content {
	padding: 1em 0 0 !important;
	min-height: 400px;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	font-family: 'Fjalla One', sans-serif;
	color: #000;
	font-size: 14px;
	font-size: 25px;
	letter-spacing: 0;
	text-transform: uppercase;
	margin: 10px 0 0;
}

.entry-header .entry-title {
	margin-bottom: 0.25em;
	font-family: 'Fjalla One', sans-serif;
	font-size: 25px;
	color: #000;
	text-transform: uppercase;
}

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

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

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

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding: 1em 0;
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

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

.page:not(.home) #content {
	padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 0;
	background: #4a5461;
	margin-top: 40px;
}

.site-footer .wrap {
	padding-bottom: 1.5em;
	padding-top: 2em;
	max-width: none;
	margin-top: 0;
}

/* Footer widgets */

.site-footer .widget-area {
	padding-bottom: 2em;
	padding-top: 2em;
}

/* Social nav */

.social-navigation {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 1em;
}

.social-navigation ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
}

.social-navigation li {
	display: inline;
}

.social-navigation a {
	background-color: #767676;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #fff;
	display: inline-block;
	height: 40px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 40px;
}

.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #333;
}

.social-navigation .icon {
	height: 16px;
	top: 12px;
	width: 16px;
	vertical-align: top;
}

/* Site info */

.site-info {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 1em;
}

.site-info a {
	color: #666;
}

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
}

.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}

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

.comment-list li:before {
	display: none;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #767676;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: right;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

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

.widget ul li,
.widget ol li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* Widget markup */

.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
	list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
	border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}

.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}

.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}

.widget_text ol li {
	list-style-position: inside;
}

.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}

.widget_rss ul li {
	padding: 2.125em 0;
}

.widget_rss ul li:first-child {
	border-top: none;
	padding-top: 0;
}

.widget_rss li .rsswidget {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}

.widget_rss .rssSummary {
	margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Search */

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}

/* Tag cloud widget */

.tagcloud ul li {
	float: left;
	border-top: 0;
	border-bottom: 0;
	padding: 0;
	margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	padding: 4px 10px 5px;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #bbb;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
	text-align: center;
}

.widget_calendar tfoot td {
	border: 0;
}

/* Gallery widget */

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

img,
video {
	height: 100%; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

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

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
	margin-bottom: 1.5em;
	max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	margin-bottom: 1.5em;
	max-width: 100%;
}

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

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
	border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

	body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
}

@media screen and (min-width: 30em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h1 {
		font-size: 30px;
		font-size: 1.6rem;
		font-family: 'Fjalla One', sans-serif;
	}

	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.5rem;
		font-family: 'Fjalla One', sans-serif;
	}

	h3 {
		font-size: 22px;
		font-size: 1.6rem;
		font-family: 'Fjalla One', sans-serif;
	}

	h4 {
		font-size: 18px;
		font-size: 1.6rem;
		font-family: 'Fjalla One', sans-serif;
	}

	h5 {
		font-size: 13px;
		font-size: 0.8125rem;
		font-family: 'Fjalla One', sans-serif;
	}

	h6 {
		font-size: 16px;
		font-size: 1rem;
		font-family: 'Fjalla One', sans-serif;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

	img.alignright {
		float: right;
		margin-left: 1.5em;
	}

	/* Site Branding */

	.site-branding {
		padding: 3em 0;
	}

	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}

	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}

	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */

	.taxonomy-description {
		font-size: 14px;
		font-size: 0.875rem;
	}

	.page-numbers.current {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Site Footer */

	.site-footer {
		font-size: 16px;
		font-size: 1rem;
		margin-top: 40px;
	}

	/* Gallery Columns */

	.gallery-item {
		max-width: 25%;
	}

	.gallery-columns-1 .gallery-item {
		max-width: 100%;
	}

	.gallery-columns-2 .gallery-item {
		max-width: 50%;
	}

	.gallery-columns-3 .gallery-item {
		max-width: 33.33%;
	}

	.gallery-columns-4 .gallery-item {
		max-width: 25%;
	}
}

@media screen and (min-width: 48em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.3;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	/* Layout */

	.wrap {
		max-width: 1140px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 68%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 26%;
	}

	.error404 #primary {
		float: none;
	}

	/* Site Branding */

	.site-branding {
		margin-bottom: 0;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}

	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}

	.custom-header-media {
		height: 165px;
		position: relative;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 0;
		position: relative;
	}

	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
	.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.custom-logo-link {
		padding-right: 2em;
	}

	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Navigation */

	.navigation-top {
		bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: static;
		right: 0;
		z-index: 3;
		float:right;
		clear: both;
	}

	.navigation-top .wrap {
		max-width: 1000px;
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 3.4166666666667em;
	}

	.navigation-top nav {
		margin-left: -1.25em;
	}

	.site-navigation-fixed.navigation-top {
		bottom: auto;
		position: static;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		padding: 0.5em 1.25em;
	}

	.main-navigation ul ul {
		background: #fff;
		border: 1px solid #bbb;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

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

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

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

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

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

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

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {
		outline: thin dotted;
	}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}

	/* Front Page */

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}

	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(100vh - 32px);
	}

	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}

	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {
		background-attachment: fixed;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}

	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	/* Posts */

	.site-content {
		padding: 5.5em 0 0;
	}

	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	.comments-pagination,
	.post-navigation {
		clear: both;
	}

	.post-navigation .nav-previous {
		float: left;
		width: 50%;
	}

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

	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}

	/* Blog, archive, search */

	.sticky .icon-thumb-tack {
		height: 23px;
		left: -2.5em;
		top: 1.5em;
		width: 32px;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		float: left;
		width: 36%;
	}
	
	body:not(.has-sidebar):not(.page-one-column) .page-header {width: auto;}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		float: right;
		width: 100%;
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}

	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}

	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}

	.entry-footer {
		display: table;
		width: 100%;
	}

	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* Entry content */

	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}

	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */

	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */

	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}

	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}

	/* 404 page */

	.error404 .page-content {
		padding-bottom: 9em;
	}

	/* Comments */

	#comments {
		padding-top: 5em;
	}

	.comments-title {
		margin-bottom: 2.5em;
	}

	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */

	.nav-links .nav-title {
		position: relative;
	}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}

	/* Secondary */

	#secondary {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	/* Widgets */

	h2.widget-title {
		font-size: 11px;
		font-size: 0.6875rem;
		margin-bottom: 2em;
	}

	/* Footer */

	.site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin-top: 1em;
	}

	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 36%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 58%;
	}

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 36%;
	}

	.site-info {
		float: left;
		padding: 0.7em 0 0;
		width: 58%;
	}

	.social-navigation + .site-info {
		margin-left: 6%;
	}

	.site-info .sep {
		margin: 0 0.5em;
		display: inline;
		visibility: visible;
		height: auto;
		width: auto;
	}

	/* Gallery Columns */

	.gallery-columns-5 .gallery-item {
		max-width: 20%;
	}

	.gallery-columns-6 .gallery-item {
		max-width: 16.66%;
	}

	.gallery-columns-7 .gallery-item {
		max-width: 14.28%;
	}

	.gallery-columns-8 .gallery-item {
		max-width: 12.5%;
	}

	.gallery-columns-9 .gallery-item {
		max-width: 11.11%;
	}
}

@media screen and ( min-width: 67em ) {

	/* Layout */

	/* Navigation */
	.navigation-top .wrap {
		padding: 0.75em 2em;
	}

	.navigation-top nav {
		margin-left: 0;
	}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		font-size: 2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

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

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}

@media screen and ( min-width: 79em ) {

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}


/*================================= Custom Styles ==================================*/

.header-top:after, .header-bottom:after {content: ""; display: table; clear: both;}

.header-top {background: #fff; font-size: 0; position: relative; padding-bottom: 12px;}
.logo {display: inline-block; font-size:0; float:left; margin: 0;}

@media screen and (min-width: 768px) {
   .logo {position: absolute; left: 50%; top: 5px; transform: translateX(-50%);}
}

.logo img{max-height: 77px;}
.header-top-mid {float: left;margin: 12px 0 0;width: calc(100% - 76%);clear: right;margin-left: 15px;}
.header-top-mid .prosettings {display: none;}
.header-top-mid div.asl_w {background: #5ca31d; border-radius: 0;}


.header-top-left {font-size: 12px;float: left;margin: 5px 0 0;clear: right;}
.header-top-left p ,.header-top-left p a {margin: 0 12px 0 0; font-weight: 600; color: #5ca31d;}
.header-top-left ul {margin: 0;}
.header-top-left ul li {display: inline-block; margin-right: 15px;}
.header-top-left ul li label {font-weight: 400;display: inline-block;font-size: 12px;margin-right: 5px;}
.header-top-left ul li p {margin: 0; display: inline-block; font-size: 12px;}


#ajaxsearchlite1 .probox, div.asl_w .probox {background: #5ca31d !important; height: 30px !important;}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input, div.asl_w .probox .promagnifier {height: 30px !important;}
div.asl_w .probox .promagnifier .innericon svg {fill: #fff !important;}
div.asl_w .probox .promagnifier {background: #5ca31d !important;}
#ajaxsearchlite1 .probox .proinput input::-webkit-input-placeholder , div.asl_w .probox .proinput input::-webkit-input-placeholder {color: #fff !important;}
#ajaxsearchlite1 .probox .proinput input:-moz-placeholder , div.asl_w .probox .proinput input:-moz-placeholder {color: #fff !important;}
#ajaxsearchlite1 .probox .proinput input::-moz-placeholder , div.asl_w .probox .proinput input::-moz-placeholder {color: #fff !important;}
#ajaxsearchlite1 .probox .proinput input:-ms-input-placeholder , div.asl_w .probox .proinput input:-ms-input-placeholder {color: #fff !important;}

#ajaxsearchlite1 .probox .proinput input[type="search"], div.asl_w .probox .proinput input[type="search"] {color: #fff !important;}
div.wpdreams_asl_results.asl_r.vertical {top: 53px !important; background: #ccc;}

.header-top-right {float: right;text-align: right;position: relative;}
.CabbageScaleText {display: inline-block;vertical-align: middle;margin: 0 12px 0 0;clear: right;float: right;}
.CabbageScaleText a {font-size: 14px; font-weight: 600; color:#000; margin-left: 12px;}
.CabbageScaleText a:hover {text-decoration: underline;}
.CabbageScaleText a.wht-cabbage {}
.top-links {float: right;margin: 8px 12px 4px 0;}
.top-links li {float: left; padding-left: 10px; margin-left: 10px; position: relative;}
.top-links li:first-child {padding: 0; margin: 0;}
.top-links li:before {content: ""; width: 1px; height: 13px; background: #000; position: absolute; left: 0; top: 3px;}
.top-links li:first-child:before {display: none;}
.top-links li a {color: #000; font-size: 13px; font-weight: 600; text-transform: uppercase;}
.top-links.critic-usr-login li .dropdown-submenu:after {content: ""; border-top: 5px solid #000; border-left: 4px solid transparent; border-right: 4px solid transparent; display: inline-block; vertical-align: top; margin: 7px 0 0 6px;}
.top-links.critic-usr-login li:hover .mega-sub-menu {display: block;}
.top-links li .mega-sub-menu {display: none; position: absolute; right: 0; top: 16px; width: 160px; background: #313131; z-index: 1000; padding: 4px 8px; box-shadow:0 1px 1px rgba(255,255,255,0.3);}
.top-links li .mega-sub-menu li {margin: 0; padding: 0; width: 100%;}
.top-links li .mega-sub-menu li a {text-transform: none; color: #fff200;}
.top-links li .mega-sub-menu li a:hover {color: #c5e524;}
.top-links li .mega-sub-menu li:before {display: none;}
.custom-header .wp-custom-header {font-size: 0;}
.has-header-image .custom-header-media img {min-width: 0; padding-bottom: 0;}

.header-bottom {background: #000; float: left; width: 100%;}
.header-bottom h3 {display: inline-block; float: left; margin: 3px 0 0 8px; color: #fff; font: 600 14px'Libre Franklin', sans-serif; text-transform: uppercase;}
.header-bottom marquee {display: inline-block; float: right; width: calc(100% - 90px);}
.header-bottom .trending {float: left; margin: 0 0 0 20px;}
.header-bottom .trending li.heading {text-transform: uppercase; color: #c5e524; font-size: 12px; margin-top: 4px;}
.header-bottom .trending li {float: none; margin-right: 10px; display: inline-block;}
.header-bottom .trending li a {font-size: 12px; color: #fff;}
.header-bottom .trending li a:hover {color: #a5bf6f;}

.header-bottom .social {float:right; margin: 4px 0 0; display: none;}
.header-bottom .social li.heading {text-transform: uppercase; color: #c5e524; font-size: 12px; display: none;}
.header-bottom .social li {float:left; margin-right: 15px;}
.header-bottom .social li a {display:block; width:15px; height:15px; background-image: url(assets/images/icon-sprite-new.png); background-repeat: no-repeat; text-indent: -200px; overflow: hidden;}
.header-bottom .social li.fb a {background-position: -5px -98px;}
.header-bottom .social li.fb:hover a {background-position: -5px -118px;}
.header-bottom .social li.tw a {background-position: -25px -98px;}
.header-bottom .social li.tw:hover a {background-position: -25px -118px;}
.header-bottom .social li.ins a {background-position: -48px -98px;}
.header-bottom .social li.ins:hover a {background-position: -48px -118px;}
.header-bottom .social li.snc a {background-position: -72px -98px;}
.header-bottom .social li.snc:hover a {background-position: -72px -118px;}
.header-bottom .social li.yt a {background-position: -95px -98px; width:20px;}
.header-bottom .social li.yt:hover a {background-position: -95px -118px;}

.home-music-top-section:after, .home-certified-section:after, .home-dvdalbum-section:after, .home-latest-news:after {content: ""; display: table; clear: both;}

.home-music-top-section {padding:0 0 40px;}
.home-music-top-col {width:25%; padding: 0; float:left;}
.home-music-top-col h2 {font-family: 'Fjalla One', sans-serif;  font-size: 18px; color: #343434; font-weight: normal; text-transform: uppercase;}
.home-music-top-col ul {margin-bottom: 10px;}
.home-music-top-col ul li {font-size: 0; line-height: 20px; margin-bottom: 4px;}
.home-music-top-col ul li img {display: inline-block; vertical-align: middle; margin-right: 8px;}
.home-music-top-col ul li span {font-size: 14px; margin-right: 15px;}
.home-music-top-col ul li span + span {margin-right: 0; display: inline-block; vertical-align: top; float: right; width: calc(100% - 90px);}
.home-music-top-col ul li span h3 {font-family: 'Libre Franklin', sans-serif; font-size: 14px; font-weight: 600;}
.home-music-top-col ul li span h3:after {content: ""; display: table; clear: both;}
.home-music-top-col ul li span h3 span {font-weight: normal; margin: 0 0 0 5px;}
.home-music-top-col ul li span h3 span:last-child {margin: 0; float: left; width: 150px; display: block; color: #666;}
.home-music-top-col ul li span h3 span:before {content: "-"; display: inline-block; vertical-align: top; margin-right: 5px;}
.home-music-top-col ul li span h3 span:last-child:before {display: none;}
.home-music-top-col ul li span h3 br:first-child {display: none;}
.home-music-top-col ul li:after {content: ""; display: table; clear: both;}
.home-music-top-col p {padding-top: 7px; margin-top: 8px; border-top:1px solid #eaeaea;}
.view-all-lnk {float: right; color: #000; font-size: 15px;}
.view-all-lnk:hover {color:#c83565;}
.view-all-lnk:after {content: ""; width:8px; height: 11px; display: inline-block; vertical-align: top; margin-left: 7px; margin-top: 5px; background: url(assets/images/icon-sprite-new.png) 0 0 no-repeat;}
.view-all-lnk:hover:after {background-position: -8px 0;}

.home-certified-section {margin-top: 25px;}
h2.page-cust-title {display: inline-block; background: #c5e524; font-family: 'Fjalla One', sans-serif; font-size: 22px; font-weight: normal; text-transform: uppercase; color: #000; padding: 10px 20px;}
.home-certified-section .home-certified-inner {margin-top: 25px;}
.home-certified-section .certified-left {padding: 0 20px; float: left; width:25%;}
.home-certified-section .certified-left p {font-size: 14px;}
.home-certified-section .certified-right {float: right; width:74%;}
.home-certified-section .certified-right li {float:left; width:20%; padding: 0 20px 0 0; text-align: center;}
.home-certified-section .certified-right li h3 {font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 2px;}
.home-certified-section .certified-right li a {font-size: 14px; color: #1c1c1c;}
.home-certified-section .certified-right li a:hover {color: #c83565;}
.home-certified-section .certified-right li span {display: block; line-height: normal;}
.home-certified-section .certified-right li img {width: 100%;}


.home-dvdalbum-section {background: #2b2538; padding: 20px 0;}
.home-dvdalbum-section h2 {float: left;}
.home-dvdalbum-section .home-dvdalbum-left {width:46%; float: left; padding: 0 20px; clear: both;}
.home-dvdalbum-section .home-dvdalbum-left img {width:100%;}
.home-dvdalbum-section .home-dvdalbum-left h3 {font-family: 'Fjalla One', sans-serif; font-size: 18px; font-weight: 500; color: #fff; padding-top: 7px; margin: 0;}
.home-dvdalbum-section .home-dvdalbum-left p {margin-bottom: 0; font-size: 14px; color: #fff;}
.home-dvdalbum-section .home-dvdalbum-right {width:54%; float: right;}
.home-dvdalbum-section .home-dvdalbum-right ul li {float:left; width:50%; padding: 0 20px 10px 0;}
.home-dvdalbum-section .home-dvdalbum-right ul li img {width: 100%;}
.home-dvdalbum-section .home-dvdalbum-right h3 {font-family: 'Fjalla One', sans-serif; font-size: 18px; font-weight: normal; color: #fff; padding-top: 7px; margin: 0;}
.home-dvdalbum-section .home-dvdalbum-right p {margin-bottom: 0; font-size: 14px; color: #fff;}
.home-dvdalbum-section .view-all-lnk {clear: both; margin: 15px 20px 0 0; color: #fff;}
.home-dvdalbum-section .view-all-lnk:hover {color:#c83565;}
.home-dvdalbum-section .view-all-lnk:after {background-position: -16px 0;}
.home-dvdalbum-section .view-all-lnk:hover:after {background-position: -8px 0;}
.home-dvdalbum-section .pic {position: relative; display: block; font-size: 0;}
.home-dvdalbum-section .pic .tag {position: absolute; left: 0; bottom: 0; z-index: 100; background: #c5e524; padding: 4px 12px; font-size: 14px; font-weight: 700; color: #000; line-height: normal;}
.home-dvdalbum-section .pic .tag .tag {position: static; padding: 0;}


.home-latest-news {margin: 25px 0 0;}
.home-latest-news h2.page-cust-title {font-size: 18px;}
.home .home-latest-news ul {float: left; width: 100%; margin-bottom: 5px;}
.home-latest-news ul li {float: left; width:25%; padding: 0 10px 20px; margin-bottom: 0;}
.home .home-latest-news ul li {width: 25%; padding: 0; position: relative; float: none; display: inline-block;}
.home .home-latest-news ul li:after {content: ""; display: inline-block; width: 100%; height: 1px; background: #acacac;}
.home-latest-news ul li a {display: inline-block; font-size: 14px; color: #c83565;}
.home-latest-news ul li a:hover {text-decoration: underline;}
/*.home-latest-news ul li a br {display:none;}*/
.home-latest-news ul li .readMore {float:right;}
.home-latest-news ul li p {margin: 0; font-size: 14px;}
.home-latest-news ul li img {width:100%;}
.home-latest-news ul li h3 {font-family: 'Libre Franklin', sans-serif; font-size: 14px; font-weight: 600; color: #000; padding-top: 5px; margin: 0 0 5px; line-height: normal; padding-bottom: 7px; border-bottom: 1px solid #ccc;}
.home-latest-news ul li h3 span {font-weight: normal; color: #666;}
.home-latest-news ul li a:hover h3 {color: #7ab700;}

.site-footer .wrap {background: #5ca31d;}
.site-footer .cust-footer-col {width:25%; float: left; padding: 0 20px 0 0;}
.site-footer .cust-footer-col.col4 {padding-right: 0; width: 27%; float: right;}
.site-footer .cust-footer-col.col1 {width:24%;}
.site-footer .cust-footer-col.col2 {width:16%;}
.site-footer .cust-footer-col.col3 {width:30%; text-align: center;}
.site-footer .cust-footer-col h2 {font-family: 'Fjalla One', sans-serif; font-size: 20px; font-weight: normal; color: #fff; text-transform: uppercase; margin-bottom: 12px; letter-spacing: 0;}
.site-footer .cust-footer-col p {color: #fff; margin: 0; line-height: normal; font-size: 13px;}
.site-footer .cust-footer-col ul li a {font-size: 13px; color: #fff;}
.site-footer .cust-footer-col ul li a:hover {text-decoration: underline; color: #c5e524;}

.site-footer .cust-footer-col.col3 h2 {display: inline-block;}
.site-footer .cust-footer-col.col3 h2:before {content: ""; width: 19px; height: 16px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-sprite-new.png) right 0 no-repeat; margin: 0 10px 0 0;}
.site-footer .cust-footer-col.col3 .join-now {display: inline-block; padding: 5px 15px; background: #fff200; border-radius: 6px; font-size: 16px; font-weight: 600; color: #000; margin-top: 20px;}
.site-footer .cust-footer-col.col3 .join-now:hover {background: #c5e524; color: #000;}

.site-footer .widget_text.cust-footer-col.col4 ul {margin-left: 0;}
.site-footer .cust-footer-col.col4 ul li {float:left; margin-right: 22px;}
.site-footer .cust-footer-col.col4 ul li a {display:block; width:22px; height:22px; background-image: url(assets/images/icon-sprite-new.png); background-repeat: no-repeat; text-indent: -200px; overflow: hidden;}
.site-footer .cust-footer-col.col4 ul li.fb a {background-position: -5px -25px;}
.site-footer .cust-footer-col.col4 ul li.fb:hover a {background-position: -5px -55px;}
.site-footer .cust-footer-col.col4 ul li.tw a {background-position: -33px -25px;}
.site-footer .cust-footer-col.col4 ul li.tw:hover a {background-position: -33px -55px;}
.site-footer .cust-footer-col.col4 ul li.ins a {background-position: -66px -25px;}
.site-footer .cust-footer-col.col4 ul li.ins:hover a {background-position: -66px -55px;}
.site-footer .cust-footer-col.col4 ul li.snc a {background-position: -101px -25px;}
.site-footer .cust-footer-col.col4 ul li.snc:hover a {background-position: -101px -55px;}
.site-footer .cust-footer-col.col4 ul li.yt a {background-position: -135px -25px; width:30px;}
.site-footer .cust-footer-col.col4 ul li.yt:hover a {background-position: -135px -55px;}


.site-footer .copyright-sec {float: left; clear: both; margin-top: 20px;}
.site-footer .copyright-sec p {float: left; margin: 0; color: #909090; margin-right: 15px; font-size: 13px;}
.site-footer .copyright-sec ul {float: left; margin: 0;}
.site-footer .copyright-sec ul li {float: left; border-right: 1px solid #76859e; line-height: normal;}
.site-footer .copyright-sec ul li:last-child {border-right: 0;}
.site-footer .copyright-sec ul li a {color: #fff; padding: 0 5px; font-size: 13px; margin-top: 2px; vertical-align: top; display: inline-block;}
.site-footer .copyright-sec ul li a:hover {text-decoration: underline; color: #c5e524;}


/*==================================== Product Page =========================================*/

/*.has-sidebar #primary {width: 100% !important;}*/

.breadcrumb {float: left; margin: 0 0 12px;}
.breadcrumb li {float: left; margin-right: 3px;}
.breadcrumb li:after {content: "/"; display: inline-block; vertical-align: middle; margin-left: 3px;}
.breadcrumb li:last-child:after {display: none;}
.breadcrumb li a, .breadcrumb li strong {font-size: 14px; color: #c83565;}
.breadcrumb li a:hover {text-decoration: underline;}
.breadcrumb li strong {font-weight: 400; color: #1c1c1c;}

.product-content-left {float:left; width:25%;min-height: 500px;}
.product-content-right {float:right; width:65%; padding-left: 20px;}
.product-content-right .page-cust-title {font-size: 18px; margin-bottom: 0;}
h1.page-main-title {font-size: 22px; color: #1c1c1c; margin-bottom: 25px; text-transform: uppercase; padding-top: 0;}
h1.page-main-title span {font-size: 14px; font-weight: 500; display: inline-block; vertical-align: middle; margin-left: 5px;}

.album-details-page h1.page-main-title {font-size: 30px;line-height: normal;color: #fff;margin: 0 auto 15px;text-transform: uppercase;padding: 5px 7px 2px;background: #5ca31d;width: 74%;}
.album-details-page h1.page-main-title span {font-size: 14px; font-weight: 500; display: inline-block; vertical-align: middle; margin-left: 5px;}
.album-details-page h1.page-main-title span.artist-name {font-size: 24px; vertical-align: top; margin-top: 3px;}
.album-details-page h1.page-main-title span.stat-icon {float: right; margin: 7px 10px 0 0;}
.album-details-page h1.page-main-title span.spacer {font-size: 22px; vertical-align: top; margin-top: 4px;}

.product-content-right .info-box {border: 1px solid #eaeaea; padding: 20px 0; float: left; width: 100%;}
.product-content-right .info-box .info-box-inner {padding: 20px 20px 0;}
.product-content-right .info-box .info-box-inner:after {content: ""; display: table; clear: both;}
.product-content-right .info-box .info-box-inner p {font-size: 14px;}
.product-content-right .info-box .info-box-inner ul li {width:100%; float: left; margin: 0 0 5px; line-height: normal;}
.product-content-right .info-box .info-box-inner ul li .capt {float: left; width:120px; font-size: 14px; margin: 0;}
.product-content-right .info-box .info-box-inner ul li .value {float: right; width:calc(100% - 130px); padding-left: 15px; font-size: 14px;}
.product-content-right .info-box .info-box-inner ul li .value p {margin: 0;}

.product-content-right .buy-now {display: inline-block; float: right; padding: 5px 35px; background: #fff200; border-radius: 6px; font-size: 20px; font-weight: 600; color: #000; margin-top: 20px; margin-bottom: 20px; text-transform: uppercase;}
.product-content-right .buy-now:hover {background: #000; color: #fff;}

.product-content-right .post-comm-area {padding: 20px 20px 0; text-align: left;}
.product-content-right .post-comm-area #comments {padding-top: 0;}
.product-content-right .post-comm-area #comments .comment-form p {margin-bottom: 1em;}
li.theChampSelectedTab {border-color: #c83565 !important;}

/*.product-content-right .star-rating-box {float:left; width:128px; height: 22px; margin-bottom: 8px; background: url(assets/images/icon-sprite-new.png) -4px -146px no-repeat;}*/
/*.product-content-right .star-rating {float:left; width:35%; height: 22px; background: url(assets/images/icon-sprite-new.png) -4px -172px no-repeat;}*/


.review-area:after {content: ""; display: table; clear: both;}
.info-box.review-area {margin-top: 20px; padding-right: 20px;}
.review-area .page-cust-title {float: left; margin-bottom: 20px;}
.review-left {clear: both;}
.review-left, .review-right {float: left; width:50%; padding: 0 0 0 20px;}
.rev-box {width:100%; float: left; margin: 0 0 25px;}
.post-review {border: 3px solid #e3d9e8; padding: 15px;}
.post-review:after {content: ""; display: table; clear: both;}
.post-review p {font-size: 13px; color: #1c1c1c; padding-left: 30px; margin-bottom: 12px; position: relative;}
.post-review p:before {content: ""; position: absolute; left: 0; top:4px; width:18px; height:14px; background: url(assets/images/icon-cabbage.png) 0 0 no-repeat;}
.post-review ul {float: right; margin: 0;}
.post-review ul li {float: left; padding-right: 5px; margin-right: 5px; border-right:1px solid #c3c3c3; font-size: 11px; color: #1c1c1c; line-height: normal;}
.post-review ul li:last-child {border-right: 0; padding-right: 0; margin-right: 0;}
.post-review ul li a {font-size: 11px; color: #c83565;}
.post-review ul li a:hover {text-decoration: underline;}

.posted-by {padding-left: 30px;}
.posted-by img {float:left; margin-right: 12px; border: 3px solid #fff; outline: 3px solid #e3d9e8;}
.posted-by .posted-by-details {float: left; margin-top: 7px; width: calc(100% - 62px);}
.posted-by .posted-by-details h3 {font-size: 14px; font-weight: 500; margin: 0; padding: 0;}
.posted-by .posted-by-details h4 {font-size: 12px; font-weight: 400; padding: 0; margin: 0;}


/*=============================== Newsletter =================================*/

.newsletter-box {max-width: 800px; margin: 0 auto; padding-left: 400px; background: url(assets/images/envelope-cabbage-pic.png) 0 center no-repeat;}
.newsletter-box h1 {line-height: normal; font-size: 24px; font-weight: 500; text-transform: uppercase; margin-bottom: 10px;}
.newsletter-box p {color: #1c1c1c;}
.newsletter-box .newsletter-form {background: #eaf1e3; padding: 20px;}
.newsletter-box .newsletter-form ul {margin: 0;}
.newsletter-box .newsletter-form ul li {margin-bottom: 15px; text-align: center;}
.newsletter-box .newsletter-form ul li.last {margin-bottom: 0;}
.newsletter-box .newsletter-form ul li label {font-size: 16px; margin-bottom: 5px; text-align: left;}
.newsletter-box .newsletter-form ul li input {padding: 7px; text-align: left;}
.newsletter-box .newsletter-form ul li input[type="submit"] {padding: 10px 25px; display: inline-block; background: #c83565; font-size: 20px;}
.newsletter-box .newsletter-form ul li input[type="submit"]:hover {background: #783694;}



/*============================ Other pages ================================*/

.category-news, .music {padding-bottom: 20px !important;}
.category-news .entry-title, .music .entry-title {text-transform: none; font-weight: normal;}
.category-news .entry-title a, .music .entry-title a {color: #000;}
.category-news .leftP, .music .leftP {float: left; width: 36%;}
.category-news .rightP, .music .rightP {float: right; width: 60%;}
.category-news .rightP p, .music .rightP p {font-size:14px;}
.category-news .rightP .readMore, .music .rightP .readMore {float: right; box-shadow: none; color: #c83565; font-weight: 500;}
.category-news .rightP .readMore:hover, .music .rightP .readMore:hover {box-shadow: none; color: #c83565; text-decoration: underline;}

aside.widget-area .widget .widget-title {display: inline-block; background: #c5e524; font-family: 'Fjalla One', sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #000;
padding: 10px 20px; letter-spacing: 0; margin-bottom: 20px;}

form.crl-ajax-auth {width: 600px; margin-left: -300px; font-family: 'Libre Franklin', sans-serif;}
.crl-ajax-auth h1, .crl-ajax-auth h3, .crl-ajax-auth h5 {font-family: 'Libre Franklin', sans-serif;}
.crl-ajax-auth h1 {font-size: 20px; font-weight: 700; text-transform: uppercase;}
.crl-ajax-auth input#username, .crl-ajax-auth input#password, .crl-ajax-auth input#signonname, .crl-ajax-auth input#email, .crl-ajax-auth input#signonpassword, .crl-ajax-auth input#password2, .crl-ajax-auth input#user_login {width: 100%; border: 1px solid #dedede; box-shadow: none; padding-top: 7px; padding-bottom: 7px; font: 14px 'Libre Franklin', sans-serif;}
.crl-ajax-auth div {margin-bottom: 12px;}
.crl-ajax-auth .label {font-size: 14px; font-weight: 500; color: #333;}

.crl-ajax-auth a {font-size: 14px; color: #666;}
.crl-ajax-auth a:hover {text-decoration: underline;}
.crl-ajax-auth a.text-link {color: #c83565; font-weight: 500; font-size: 14px;}
.crl-ajax-auth a.text-link:hover {text-decoration: underline;}

.crl-ajax-auth a.close {width: 14px; height: 14px; overflow: hidden; text-indent: -200px; background: url(assets/images/icon-sprite-new.png) -32px -1px no-repeat;}
.crl-ajax-auth a.close:hover {opacity: 0.5;}

.crl_overlay {background: rgba(0,0,0,0.7); opacity: 1;}
.crl_overlay + .crl_overlay {display: none;}

.home-latest-news .head-bar {position: relative; float: left; width: 100%; margin-bottom: 7px;}
.home-latest-news .head-bar:after {content: ""; height: 30px; background: #232819; position: absolute; left: 0; right: 0; top: 0; z-index: 1;}
.home-latest-news h2 {font-size: 31px;font-weight: normal;color: #232819;text-transform: uppercase;float: left;margin-bottom: 0;z-index: 2;position: relative;background: #fff;line-height: 34px;padding: 0 7px;margin-left: 23px;}


/*========================homepage new design===================================*/

.home-music-top-section .full_sec .home-latest-news {margin-top: 18px;}
.home-music-top-section .full_sec:first-child .home-latest-news {margin-top: 40px;}
.home-latest-news .view-all-lnk {color: #232819; font: normal 18px 'Fjalla One', sans-serif; text-transform: uppercase; margin-right: 9px; margin-bottom: 8px;}
.home-latest-news .view-all-lnk:after {display: none;}
.home-latest-news .view-all-lnk:hover {color: #333;}
.home .home-latest-news ul li .img_player_sec {border: 0;}
.home .home-latest-news ul li .img_player_sec a {margin: 0; font-size: 0; display: block;}
.home .home-latest-news ul li .img_player_sec img {width: 100%;}
.home .home-latest-news ul li .top_wrap {padding-bottom: 33px; position: relative; min-height: 164px; padding: 0 6px;}
.home .home-latest-news ul li .top_wrap span {font-size: 16px; font-family: 'Fjalla One', sans-serif; text-transform: uppercase; color: #000; line-height: normal;}
.home .home-latest-news ul li .top_wrap span.views:before, .home .home-latest-news ul li .top_wrap span.month:before {content: ""; display: inline-block; vertical-align: middle; width: 2px; height: 20px; background: #000; margin: 0 8px;}
.home .home-latest-news ul li .top_wrap a {display: block;}
.home .home-latest-news ul li .top_wrap a h3 {padding: 0;border-bottom: 0;margin: 0;font-size: 19px;font-family: 'Fjalla One', sans-serif;font-weight: normal;text-transform: uppercase;}

.home .home-latest-news ul li .top_wrap p {font-size: 11px; font-weight: 600; line-height: normal; margin: 10px 0 0; color: #000;}

.home .home-latest-news.top-charts ul li .top_wrap {min-height: 114px;}
.home .home-latest-news.top-charts ul li .top_wrap a h3 {font-size: 28px; line-height: 30px;}

.home .home-latest-news ul li .img_player_sec a .song-count-overlay {font-size: 20px; position: absolute; right: 0; top: 0; background: rgba(0,0,0,0.65); width: 33%; height: 100%;}
.home .home-latest-news ul li .img_player_sec a .song-count-overlay span {color: #fff; font-family: 'Fjalla One', sans-serif; font-weight: normal; font-size: 25px; text-transform: uppercase; display: inline-block; position: relative; top: 50%; transform: translate(0,-50%);}
.home .home-latest-news ul li .img_player_sec a .song-count-overlay span span {font-size: 14px; display: block; line-height: normal;}

.home .home-latest-news.featured-artists ul li:after {margin-top: 35px;}

.home .home-latest-news.top-listener-reviews ul li {width: 23.5%; margin-right: 2%; padding: 8px 25px 8px 4px; border-right: 1px solid #acacac;}
.home .home-latest-news.top-listener-reviews ul li:last-child {border-right: 0; margin-right: 0;}
.home .home-latest-news.top-listener-reviews ul li:after {display: none;}
.home .home-latest-news.top-listener-reviews ul li .top_wrap {padding-bottom: 0; min-height: 120px;}
.home .home-latest-news.top-listener-reviews ul li .reviews {margin-bottom: 4px;}
.home .home-latest-news.top-listener-reviews ul li .reviews:after {content: ""; display: table; clear: both;}
.home .home-latest-news.top-listener-reviews ul li .reviews label {font-size: 8px; float: left; width: 57px; line-height: normal;}
.home .home-latest-news.top-listener-reviews ul li .reviews .bar {float: right; width: calc(100% - 57px);}
.home .home-latest-news.top-listener-reviews ul li .reviews.positive .bar span {width: 84%; height: 8px; display: block; background: #39b54a;}
.home .home-latest-news.top-listener-reviews ul li .reviews.mixed .bar span {width: 100%; height: 8px; display: block; background: #cea92b;}
.home .home-latest-news.top-listener-reviews ul li .reviews.negative .bar span {width: 50%; height: 8px; display: block; background: #90191c;}
.home .home-latest-news.top-listener-reviews ul li .top_wrap p {margin-top:25px;}

.custom-header .header-banner-left ul {display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: space-between; -webkit-justify-content: space-between; -webkit-box-pack: justify; justify-content: space-between; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.custom-header .header-banner-left ul li {margin-bottom: 10px; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex-grow: 1;-ms-flex-positive: 1; flex-grow: 1; background: #5ca31d;}
.custom-header .header-banner-left ul li:last-child {margin-bottom: 0;}
.custom-header .header-banner-left ul li a {width: 100%;font-size: 20px;display: block;background: #5ca31d;text-align: center;padding: 13px 0;font: 19px 'Fjalla One', sans-serif;color: #1e2e15;text-transform: uppercase;}
.custom-header .header-banner-left ul li:hover {background: #1e2e15;}
.custom-header .header-banner-left ul li:hover a {color: #fff; background: #1e2e15;}

.custom-header .header-banner-right {padding-left: 15px;}
.custom-header .header-banner-right ul {background: #fff; padding: 5px 2px 0;}
.custom-header .header-banner-right ul:after {content: ""; display: table; clear: both;}
.custom-header .header-banner-right ul li {width: 25%; float: left; padding: 0 3px; margin-bottom: 5px; position: relative; min-height: 280px; display: table;}
.custom-header .header-banner-right ul li a {display: block; position: relative; display: table-cell; vertical-align: middle;}
.custom-header .header-banner-right ul li .bann-overlay {position: absolute; left: 3px; right: 3px; top: 0; height: 100%; z-index: 100; background: rgba(0,0,0,0.7);}
.custom-header .header-banner-right ul li .bann-overlay ul {padding: 0; background: transparent; font-size: 15px; padding: 0 10px; margin: 0; position: relative; top: 50%; transform:translate(0,-50%);}
.custom-header .header-banner-right ul li .bann-overlay ul li {width: 100%; border-bottom: 1px solid #ececec;}
.custom-header .header-banner-right ul li .bann-overlay ul li:last-child  {border-bottom: 0;}
.custom-header .header-banner-right ul li .bann-overlay ul li a {font: 20px 'Fjalla One', sans-serif; color: #fff; text-transform: uppercase; padding: 12px 0; text-align: center;}
.custom-header .header-banner-right ul li .bann-overlay ul li.name a {font-size: 30px;}

.artist_music_list ul li .img_player_sec .img_player_overlay {display: none;}
.artist_music_list ul li .img_player_sec:hover .img_player_overlay {display: block; background: rgba(0,0,0,0.6); position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center;}
.artist_music_list ul li .img_player_sec .img_player_overlay .img_player {position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); line-height: normal;}
.artist_music_list ul li .img_player_sec .img_player_overlay .img_player h2 {width: 100%; margin: 0; background: transparent; color: #fff; font-size: 18px; line-height: normal;}
.artist_music_list ul li .img_player_sec .img_player_overlay .img_player span {font-family: 'Fjalla One', sans-serif; font-size: 16px; color: #fff;}


/*========================homepage new design===================================*/



.artist_music_heading {font-size: 22px; font-weight: 500; color: #000; padding-top: 15px;}
.artist_music_list ul {font-size: 0; padding-left: 0;}
.artist_music_list ul li {width: 25%; display: inline-block; margin: 0 0 20px 0; padding: 0 10px; vertical-align: top;}
.artist_music_list ul li a {font-size: 16px; font-weight: 700; color: #000; margin-top: 10px; display: inline-block;}
.artist_music_list ul li a:hover {color: #7ab700; text-decoration: none;}
.artist_music_list ul li p {font-size: 14px; margin-bottom: 10px;}
.artist_music_list ul li .readMore {display: inline-block; font-size: 14px; font-weight: normal; color: #c83565; float: right; margin: 0;}
.artist_music_list ul li .readMore:hover {text-decoration: underline;}

.artist_music_list ul li .img_player_sec, .product-content-left .img_player_sec {position: relative; font-size:0; overflow: hidden; text-align:center;}
.artist_music_list ul li .img_player_sec img, .product-content-left .img_player_sec img {width:auto;}
.artist_music_list ul li .mejs-container, .product-content-left .img_player_sec .mejs-container {position: absolute; left: 0; bottom: 0; margin: 0; background: rgba(0,0,0,0.3);}
.artist_music_list ul li .mejs-container .mejs-controls, .product-content-left .img_player_sec .mejs-container .mejs-controls {background: transparent;}
.artist_music_list ul li .mejs-horizontal-volume-total {top: 7px !important;}
.product-content-left .img_player_sec .mejs-horizontal-volume-total {top: 17px !important;}
.artist_music_list ul li .mejs-horizontal-volume-slider, .product-content-left .img_player_sec .mejs-horizontal-volume-slider {height: 22px !important;}


.tax-music_category .img_player_sec {position: relative; font-size:0;}
.tax-music_category .img_player_sec img {width:100%;}
.tax-music_category .img_player_sec .mejs-container {position: absolute; left: 0; bottom: 0; margin: 0; background: rgba(0,0,0,0.3);}
.tax-music_category .img_player_sec .mejs-container .mejs-controls {background: transparent;}
.tax-music_category .mejs-horizontal-volume-total {top: 7px !important;}
.tax-music_category .img_player_sec .mejs-horizontal-volume-total {top: 7px !important;}
.tax-music_category .mejs-horizontal-volume-slider, .product-content-left .img_player_sec .mejs-horizontal-volume-slider {height: 22px !important;}
.tax-music_category  h2.page-title {display: none;}

.tax-music_category.term-dvds-albums .img_player_sec .mejs-horizontal-volume-total {top: 7px !important;}

.artist_details_sec img {float: left; margin: 0 25px 20px 0;}
.artist_details_sec p {font-size: 14px;}

.expand-link {margin-bottom: 20px; display: inline-block; color: #c83565; font-weight: 500; border-radius: 3px;}
.expand-link:hover {color: #c83565; text-decoration: underline;}


.single-post .leftP {width: 100%;}
/*.single-post .leftP img {width: 100%;}*/
.single-post .leftP img {float: left; margin: 0 15px 15px 0;}
.single-post .rightP {width: 100%;}
.single-post .rightP h1 {font-size: 20px; font-weight: 500; color: #000;}
.single-post .rightP h2 {font-size: 18px; color: #000; font-weight: 500;}
.single-post .rightP h5 {color: #000;}
.single-post .rightP li {list-style: disc; margin-left: 15px; font-size: 14px;}
.single-post .entry-footer {padding-top: 0; padding-bottom: 0; margin: 0; border: 0;}
.single-post .comments-area {padding: 20px 0 0 !important;}
.single-post .rightP p, .single-post .rightP blockquote {font-size: 14px;}
.single-post .post-navigation .nav-title-icon-wrapper {position: static;}
.single-post .wrap.has-sidebar {padding-top: 30px;}


.the_champ_sharing_container {margin-bottom: 30px;}


div.heateor_ss_mobile_footer {display: none !important;}

.site-content .wrap {max-width: 100%;}

.tax-music_category .page-cust-title {font-size: 25px; color: #000; text-transform: uppercase; background: transparent; padding: 0; margin: 25px 0 0; line-height: normal;}

.rating_widget-body-btn {display: inline-block; margin-right: 8px; vertical-align: top;}
.rating_widget-body-btn #like {padding: 0; width: 30px; height: 30px; border: 0; border-radius: 0; background: url(assets/images/icon-plus-new.png) center center no-repeat; color: #000; font-size: 13px; font-weight: 600; text-transform: uppercase; overflow: hidden; text-indent: -200px; display: none;}
.rating_widget-body-btn #like:hover, .rating_widget-body-btn #like:focus, .rating_widget-body-btn input.selected {/*box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2);*/ background-color: #eaf3cf;}

.rating_widget-body-btn #notlike {width: 30px; height: 30px; padding: 0; border-radius: 0; background: url(assets/images/icon-minus-new.png) center center no-repeat; color: #000; font-size: 13px; font-weight: 600; text-transform: uppercase; overflow: hidden; text-indent: -200px; border: 0; display:none;}
.rating_widget-body-btn #notlike:hover, .rating_widget-body-btn #notlike:focus {/*box-shadow: 0px 0px 0px 2px rgba(0,0,0,0.2);*/ background-color: #fbe0df;}

.star-rating-box1 {display: inline-block; vertical-align: top;}
.star-rating-box1 input {padding: 0 8px; height:32px; font-size:14px;}
.star-rating-box1 input.required {border-color:red;}
.rev-user-pic {display: inline-block; margin-right: 10px; vertical-align: middle; margin-bottom: 10px; font-size: 0; width: 64px;}




.star-rating{
	font-size: 0;
	margin-bottom: 7px;
}
.star-rating__wrap{
	display: inline-block;
	font-size: 1rem;
}
.star-rating__wrap:after{
	content: "";
	display: table;
	clear: both;
}
.star-rating__ico{
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #a7c510;
}
.star-rating__ico:last-child{
	padding-left: 0;
}
.star-rating__input{
	display: none;
}
/*.star-rating__ico:hover:before,
.star-rating__ico:hover ~ .star-rating__ico:before,
.star-rating__input:checked ~ .star-rating__ico:before
{
	content: "\f005";
}
*/
#thank {color: #63a909; font-weight: 500; margin-top: 15px;}


/*================================ Login Register Popup ===============================*/

.ui-dialog {padding-bottom: 20px;}
.ui-dialog-titlebar {padding: 10px 15px;}
.ui-dialog-title {font-family: 'Libre Franklin', sans-serif; font-size: 20px; text-shadow: none;}
.zm_alr_form_container input[type="submit"] {background: #c5e524; color: #000; border: 0; text-shadow: none; font-family: 'Libre Franklin', sans-serif;  font-weight: 600; opacity: 1 !important;}
.zm_alr_form_container input[type="submit"]:hover {background: #fff200; color: #000;}

.ui-dialog-titlebar .ui-button {width: 14px; height: 14px; overflow: hidden; text-indent: -200px; background: url(assets/images/icon-sprite-new.png) -32px -1px no-repeat;}
.zm_alr_checkbox_field {margin-top: 1px;}
.ui-widget-overlay {background: rgba(0,0,0,0.8) !important;}

#FormGrop form{padding: 10px;max-width: 500px;}
.small_img_ar {width:100px; height: auto;}

#FormGrop .acf-form {max-width: none;}
#poststuff {min-width:0; max-width: 763px; width:100%;}
/*#poststuff .field {float: left;}*/

.dropdown-submenu {
    position: relative;
}
.field{clear:both;}
.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}


/*============================== User Dashboard ==================================*/

.table-responsive table thead tr th {vertical-align:top; font-size: 15px;}
.table-responsive table tbody tr td {font-weight: normal; vertical-align: top; font-size: 13.5px;}
.post-navigation {margin-top: 0;}
.post-navigation .testheading {font: 18px 'Fjalla One', sans-serif; margin: 15px 0 15px; float: left; width: 100%;}
.dasboard-widget {position: relative; float: left; width: 100%;}
.dasboard-widget .search-sec {position: absolute; right: 0; top: -60px; width: calc(100% - 340px);}
.dasboard-widget .search-sec .col-lg-3 {max-width: none;}
.dasboard-widget .search-sec select {height: 35px; padding: 0 0 0 10px;}
.page-template-user-dashbaord .form-wrapper {float: left; width: 100%;}

.acf_postbox > .inside > .field {padding-top: 0; padding-bottom: 0; margin-bottom: 15px;}
.acf_postbox.no_box > .inside > .field {float: left; width: 100%;}
.acf_postbox.no_box > .inside > .field.field_type-image {float: left; margin: 0 3% 20px 0; width:48.5%;}
.acf_postbox.no_box > .inside > #acf-artist_photo {margin-right: 0;}
.acf_postbox .field input[type="text"], .acf_postbox .field input[type="number"], .acf_postbox .field input[type="password"], .acf_postbox .field input[type="email"], .acf_postbox .field textarea {height: 34px;}
.acf-image-uploader .no-image {border: 1px solid #ccc; padding: 5px; text-align: center; height: 150px; width:100%;}
.acf-image-uploader .no-image p {margin-top: 25px !important;}
.acf-image-uploader .no-image p input.button {margin: 10px 16% 0;}


.acf-image-uploader.active .has-image { border: 1px solid #ccc; width: 100%; text-align: center; padding: 5px; height: auto;}
.acf-image-uploader img {height: auto; margin: 0; display: inline-block;}

.acf-button {background: #fff200; border: 0; box-shadow: none; color: #000; font-weight: 600;}
.acf-button:hover {background: #7ab700; color:#fff;}

.home .site-content {padding-top: 0 !important;}

.LeftHalf {width: 50%; padding: 20px 20px 0 0; float: left;}
.RightHalf {width: 50%; padding: 20px 0 0 20px; float: left;}

.RightHalf .home-music-top-col, .LeftHalf .home-music-top-col {width: 100%;}
.LeftHalf .home-music-top-col {margin-bottom: 25px;}
.LeftHalf .home-music-top-col:last-child {margin-bottom: 0;}
.RightHalf .view-all-lnk, .LeftHalf .view-all-lnk {float: none;}

.LeftHalf .home-music-top-col .music_date, .RightHalf .home-music-top-col .music_date {padding-left: 20px; float: right;}
.wp-pagenavi a, .wp-pagenavi span{font-size: 13px;}
.LeftHalf .view-all-lnk:after, .RightHalf .view-all-lnk:after {display: none;}
.LeftHalf .view-all-lnk, .RightHalf .view-all-lnk {color: #5086e0; text-decoration: none;}
.LeftHalf .view-all-lnk:hover, .RightHalf .view-all-lnk:hover {text-decoration: underline;}

.home-music-top-col ul li span.spoiled:before {content: ""; width:25px; height:21px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-spoiled.png) 0 0 no-repeat; margin-right: 2px;}
.home-music-top-col ul li span.Crisp:before {content: ""; width:23px; height:21px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-crisp.png) 0 0 no-repeat; margin-right: 2px;}
.home-music-top-col ul li span.VCrisp:before {content: ""; width:23px; height:26px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-vcrisp.png) 0 0 no-repeat; margin-right: 2px;}

.custom-header .custom-header-media {font-size: 0; background: #fff; padding: 0;}
.custom-header .header-banner-left {float: left; width: 27.272727%; position: absolute; left: 15px; height: calc(100% - 30px);}
.custom-header .header-banner-right {float: right; width: 71.72727272727273%;}

#mega-menu-wrap-top #mega-menu-top {margin-right: 20px; margin-top: 8px;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {margin-left: 30px;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item:first-child {margin-left: 0;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {font: normal 18px/normal 'Fjalla One', sans-serif !important; text-transform: uppercase; height: auto; padding: 0;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:hover {background: transparent; color: #fff200;}
#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link:focus {background: transparent;}

.critic-user-link {float: right; margin-top: -50px;}
.critic-user-link li {display: inline-block; margin-left: 15px;}
.critic-user-link li a {display: inline-block; padding: 5px 15px; background: #fff200; border-radius: 2px; font-size: 16px; font-weight: 600; color: #000;}
.critic-user-link li a:hover {background: #7ab700; color: #fff;}

.leftmusicpart .flexslider {border: 0 !important;}
.leftmusicpart .flex-viewport {outline: 1px solid #ccc;}
.leftmusicpart .flex-control-thumbs li {float: none !important; margin: 0 2.5px !important; vertical-align: top; border: 1px solid #ccc; padding: 5px; height: 90px;}
.leftmusicpart .flex-control-thumbs li img {position: relative; top:50%; transform:translate(0,-50%);}
.leftmusicpart .flex-direction-nav a:before {font-size: 30px !important;}


.manager_dashbrd_admin_btn {padding: 15px 0; background: #fff200; border-radius: 2px; font-size: 16px; font-weight: 600; color: #000; max-width: 250px; width: 100%; display: block; margin: 120px auto 0; text-align: center;}
.manager_dashbrd_admin_btn:hover {background: #7ab700; color: #fff;}

table tbody tr td .critic_score {display: block; font-weight: 600;}



/*=============================== Album Details page new design ===================================*/

.single-music .fullwidth .slides:after {content: ""; display: table; clear: both;}
.single-music .fullwidth .slides li {width: calc((100% - 15px) /2);padding: 0;margin-right: 15px;font-size: 0;background: #efefef;text-align: center;height: 330px;overflow: hidden; position: relative;}
.single-music .fullwidth .slides li:last-child {margin-right: 0;}
.single-music .fullwidth .slides li img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.album-details-page .product-content-left {width:29%;}


.album-details-page .product-content-right {width:74%; float: none; margin: 0 auto; padding-left: 0;}

.album-details-page .cabbage-scorebox:after {content: ""; display: table; clear: both;}

.album-details-page .cabbage-scorebox h2 {float: none; display: inline-block; margin-bottom: 4px; text-align: center; font-size: 18px; text-transform: uppercase;}
.album-details-page .cabbage-scorebox h2 span {background: url(assets/images/icon-sprite-new.png) right -27px no-repeat; width: 19px; height: 19px; display: inline-block; vertical-align: middle; margin-left: 10px;}
.album-details-page .cabbage-scale .scalemeter {width: 195px;height: 27px;display: inline-block;background: #d3d3d3;margin: 15px 0 0;border-radius: 20px;box-shadow: 0 0 5px rgba(0,0,0,0.1) inset;position: relative;overflow: hidden;}
.album-details-page .cabbage-scale .scalemeter:before {content: ""; position: absolute; left: 0; top: 0; z-index: 200; width: 100%; height: 100%; background: url(assets/images/circle-mask-bg.png) 0 0 no-repeat;}
.album-details-page .cabbage-scale .scalemeter .scalebar {position: absolute;left: 0;top: 0;background: #467c1c;width: 100%;height: 27px;display: block;z-index: 100;}
.album-details-page .cabbage-scorebox .scaling {text-align: center;}
.album-details-page .cabbage-scorebox .scaling .scale-icon {display: inline-block; vertical-align: middle; margin-right: 10px;}
.album-details-page .cabbage-scorebox .scaling .scale-count {font-size: 40px; font-weight: 600; color: #000;display: inline-block; vertical-align: middle; line-height: normal; text-align: left;}
.album-details-page .cabbage-scorebox ul {margin: 0;}
.album-details-page .cabbage-scorebox ul li {font-size: 14px; color: #343434;}
.album-details-page .cabbage-scorebox ul li strong {font-weight: 600;}
.album-details-page .cabbage-scorebox ul.reviews {margin-left: 15px;}


.album-details-page .critic-consensus h2 {font: 600 16px 'Libre Franklin', sans-serif; margin: 0; float: none; width: auto; text-transform: none; text-align: left;}
.album-details-page .critic-consensus  p {margin: 0; font-size: 15px; color: #000;}


.album-details-page .listeners-score h2 {text-align: center;}
.album-details-page .listeners-score .scaling {text-align: center;}
.album-details-page .listeners-score .scaling .scale-count {margin-top: -15px;}
.album-details-page .listeners-score .scaling .scale-count span {font-size: 13px; display: block; font-weight: 700; margin-top: -4px;}


.album-details-page .rev-user-pic {width:100px; margin-right: 20px;}
.album-details-page .rev-user-pic img {width:100%;}

.album-details-page .product-content-right .info-box {border: 0; padding: 10px 0 30px;}
.album-details-page .product-content-right .post-comm {width:calc(100% - 120px); height: 50px; float: right; border-radius: 0; padding: 2px 5px; font-size: 12px; color: #000; margin: 15px 0 0;}
.album-details-page .product-content-right .post-comm-btn {float: right;margin-top: 8px;padding: 11px 25px 10px;display: inline-block;background: #5ca31d;font-weight: 600;font: 15px 'Fjalla One', sans-serif;color: #fff;border-radius: 0;text-transform: uppercase;letter-spacing: 1px;}
.album-details-page .product-content-right .post-comm-btn:hover {background: #333; color: #fff;}
.album-details-page .product-content-right .page-cust-title {background: transparent; padding: 0;}
.album-details-page .product-content-right .post-comm-area:after {content: ""; display: table; clear: both;}
.album-details-page .product-content-right .post-comm-area {padding: 8px 0 0;}

.album-details-page .star {padding-left: 0;}
.album-details-page .star .fa-star:before {content: ""; font-size: 0; width:31px; height: 29px; overflow: hidden; background: url(assets/images/icon-star-new.png) 0 0 repeat-x; display: block;}
.star.hover .fa-star:before, .star.active .fa-star:before {background-position: 0 100%; content: "";}



.album-details-page .album-playlist {float: left; clear:both; margin: 20px 0 0;}
.album-details-page .album-playlist h2, .album-details-page .music-videos h2 {text-align: left; font-size: 18px; text-transform: uppercase;}
.album-details-page .music-videos iframe {height: 170px; margin-bottom: 0;}
.album-details-page .album-playlist ol {padding-left: 20px; border-top: 1px solid #c3c3c3;}
.album-details-page .album-playlist ol li {padding: 10px 0; border-bottom: 1px solid #c3c3c3; color: #7f7f7f; display: list-item; list-style: decimal;}
.album-details-page .album-playlist ol li .song-name {display: inline-block; vertical-align: middle; width:calc(100% - 54px);}
.album-details-page .album-playlist ol li .play-time {display: inline-block; vertical-align: middle; width:50px; text-align: right;}

.album-details-page .music-videos {float: left; width: 42%;}


.album-details-page .product-content-fullwide {max-width: 900px; margin: 50px auto 0;}
.album-details-page .product-content-fullwide:after {content: ""; display: table; clear: both;}
.album-details-page .product-content-fullwide .review h2 {font-size: 28px; text-transform: uppercase; font-weight: 500; line-height: normal; margin-bottom: 15px;}
.album-details-page .product-content-fullwide .review h2 span {font-style: italic; font-family: 'Libre Franklin', sans-serif;}
.album-details-page .product-content-fullwide .critic-review:after, .album-details-page .product-content-fullwide .critic-review .review-brief:after {content: ""; display: table; clear: both;}
.album-details-page .product-content-fullwide .critic-review .review-brief li {float: left; margin-right: 5px; padding-right: 5px; border-right: 1px solid #000;}
.album-details-page .product-content-fullwide .critic-review .review-brief li:last-child {border-right: 0; margin-right: 0; padding-right: 0;}
.album-details-page .product-content-fullwide .critic-review .review-brief li a {color: #000;}
.album-details-page .product-content-fullwide .critic-review .review-brief li a:hover {color: #398be6;}

.album-details-page .product-content-fullwide .critic-review .review-details {margin: 25px 0 0;}
.album-details-page .product-content-fullwide .critic-review .review-details:after {content: ""; display: table; clear: both;}
.album-details-page .product-content-fullwide .critic-review .review-details li {display: inline-block; vertical-align: top; width:48.5%; margin-right: 2.3%; margin-bottom: 20px; font-size: 0;}
.album-details-page .product-content-fullwide .critic-review .review-details li:nth-child(even) {margin-right: 0;}
.album-details-page .product-content-fullwide .critic-review .review-details li .inner {padding: 12px 15px; border: 3px solid #000; position: relative;}
.album-details-page .product-content-fullwide .critic-review .review-details li .inner:after {content: ""; display: table; clear: both;}
.album-details-page .product-content-fullwide .critic-review .review-details li .inner:before {content: ""; width:32px; height:36px; background: url(assets/images/noch1.png) 0 0 no-repeat; position: absolute; left: 54px; bottom: -36px;}
.album-details-page .product-content-fullwide .critic-review .review-details li p {float: right; width: calc(100% - 45px); font-size: 18px; color: #333; margin: 0 0 12px; line-height: 24px;}
.album-details-page .product-content-fullwide .critic-review .review-details li .inner ul {float: right; margin: 0;}
.album-details-page .product-content-fullwide .critic-review .review-details li .inner ul li {width: auto; margin: 0 0 0 5px; padding: 0 0 0 5px; border-left:1px solid #333; font-size: 13px;}
.album-details-page .product-content-fullwide .critic-review .review-details li .inner ul li:first-child {margin-left: 0; padding-left: 0; border-left: 0;}
.album-details-page .product-content-fullwide .critic-review .review-details li .inner ul li a {color: #398be6;}
.album-details-page .product-content-fullwide .critic-review .review-details li .inner ul li a:hover {text-decoration: underline;}

.album-details-page .product-content-fullwide .critic-review .review-details li .review-user {margin: 12px 0 0 96px;}
.album-details-page .product-content-fullwide .critic-review .review-details li .review-user img {border: 1px solid #000; float: left; margin-right: 12px; width: 60px;}
.album-details-page .product-content-fullwide .critic-review .review-details li .review-user h3 {clear: none; margin: 0 0 5px; font: 600 18px 'Libre Franklin', sans-serif;}
.album-details-page .product-content-fullwide .critic-review .review-details li .review-user span {color: #808090; display: block; font-size: 16px;}
.album-details-page .product-content-fullwide .critic-review .review-details li .review-user .critic-cat {color: #ffc000;}
.album-details-page .product-content-fullwide .critic-review .review-details li .review-user .critic-cat:before {content: ""; width:17px; height: 17px; display: inline-block; vertical-align: top; margin-right: 5px; background: url(assets/images/icon-sprite-new.png) right -56px no-repeat;}

.album-details-page .product-content-fullwide .viewall-lnk {float: right; display: inline-block; color: #398be6; font-size: 16px;}
.album-details-page .product-content-fullwide .viewall-lnk:hover {text-decoration: underline;}


.album-details-page .product-content-fullwide .listener-review {margin-top: 50px;}
.album-details-page .product-content-fullwide .listener-review ul {margin: 25px 0 0;}
.album-details-page .product-content-fullwide .listener-review ul:after {content: ""; display: table; clear: both;}
.album-details-page .product-content-fullwide .listener-review ul li {margin: 0 0 25px; float: left; width: 100%;}
.album-details-page .product-content-fullwide .listener-review ul li .listener-left {float: left; width:100px;}
.album-details-page .product-content-fullwide .listener-review ul li .listener-left span {display: inline-block; margin-bottom: 5px; width: 100%;
    line-height: normal;}
.album-details-page .product-content-fullwide .listener-review ul li .listener-right {float: right; width:calc(100% - 135px);}
.album-details-page .product-content-fullwide .listener-review ul li .listener-right .rating-box {display: inline-block; float: left; margin-left: 50px; background: url(assets/images/icon-star-new.png) 0 0 repeat-x; width:155px; height: 29px; overflow: hidden;}
.album-details-page .product-content-fullwide .listener-review ul li .listener-right .rating-box .rating {display: inline-block; width: 55%; height: 29px; background: url(assets/images/icon-star-new.png) 0 100% repeat-x;}

.album-details-page .product-content-fullwide .listener-review ul li .listener-right .date {float: right; color: #7f7f7f;}
.album-details-page .product-content-fullwide .listener-review ul li .listener-right p {float: left; width:100%; margin: 15px 0 0; font-size: 16px;}
.album-details-page .product-content-fullwide .listener-review ul li .listener-right a.expand-link {color: #398be6; float: left;}
.album-details-page .product-content-fullwide .listener-review ul li .listener-right a.expand-link:hover {text-decoration: underline;}



/*============================== Modified album page design ============================*/

.critic-detail-box {background: #efefef; margin: 15px 0 0; padding: 8px 10px;}
.critic-detail-box:after {content: ""; display: table; clear: both;}

.cabbage-scorebox-left {float: left; width: 240px; background: #efefef; padding: 12px; height: 330px;}
.cabbage-scorebox-left .cabbage-scale:after {content: ""; display: table; clear: both;}
.cabbage-scorebox-left .cabbage-scale {text-align: center; margin: 0 0 10px;}
.cabbage-scorebox-left .listeners-score {text-align: center;}
.cabbage-scorebox-right {float: right; width: calc(100% - 240px); padding-left: 15px;}

.album-details-page .album-playlist .album-playlist-inner {font-size: 0;}
.album-details-page .album-playlist ul.external_review {font-size: 13px; display: inline-block; vertical-align: top; width: calc((100% - (40px * 2)) / 3); margin-right: 40px; margin-bottom: 15px;}
.album-details-page .album-playlist .album-playlist-inner ul.external_review:nth-child(3n) {margin-right: 0;}


/*====================================== 26-04-18 ======================================*/

.fullwidth{width: 100%;}

.fullwidth .slides li{width: 30%;float: left;padding: 10px;}
.img_player_sec{border: 0px;}


.star-rating li {
    display: inline-block;
    font-size: 0;
    color: #ccc;
    cursor: pointer;
}

.star-rating li.active, .star-rating li.hover {
    color: orange;
}


/*================================ SC Critic =====================================*/

.sc-critic-left {float: left; width: 72%; text-align: right;}
.sc-critic-left .top-btn {display: inline-block; padding: 6px 15px; background: #fff200; border-radius: 3px; font-weight: 600; margin-bottom: 15px;}
.sc-critic-left .top-btn:hover {background: #7ab700; color: #fff;}
.sc-critic-blocks:after {content: ""; display: table; clear: both;}
.sc-critic-blocks {margin-bottom: 25px; text-align: left;}
.sc-critic-blocks .heading {background: #232819; font-size: 0;}
.sc-critic-blocks .heading h2 {display: inline-block; margin: 0; background: #fff; font-size: 22px; text-transform: uppercase; padding: 0 10px; margin-left: 25px; line-height: normal;}

.sc-critic-left .spotlight ul:after {content: ""; display: table; clear: both;}
.sc-critic-left .spotlight ul {padding: 30px 25px;}
.sc-critic-left .spotlight ul li {display: inline-block; width:48%;}
.sc-critic-left .spotlight ul li img {float: left; margin-right: 12px;}
.sc-critic-left .spotlight ul li .usrname {font-size: 16px; font-weight: 600; color: #398be6;}
.sc-critic-left .spotlight ul li .usrname:hover {text-decoration: underline;}

.sc-critic-left .latest-reviews .rev-left {width:47%; float: left; padding: 35px 0 0 25px;}
.sc-critic-left .latest-reviews .rev-right {width:47%; float: right; padding: 35px 25px 0 0;}
.sc-critic-left .latest-reviews h3 {color: #333; font: 600 16px 'Libre Franklin', sans-serif; text-transform: uppercase;}
.sc-critic-left .latest-reviews ul:after {content: ""; display: table; clear: both;}
.sc-critic-left .latest-reviews ul li {width:100%; float: left; margin-bottom: 20px;}
.sc-critic-left .latest-reviews ul li .titlename {color: #000; font-size: 16px; font-weight: 600;}
.sc-critic-left .latest-reviews ul li p {font-size: 16px; margin-bottom: 12px;}
.sc-critic-left .latest-reviews ul li p img {float: left; margin: 0 5px 5px 0;}
.sc-critic-left .latest-reviews ul li .rev-usrname a:hover {color: #398be6;}

.sc-critic-left .buzz .buzz-rating {float: left; width: 40%; padding: 35px 0 30px 35px;}
.sc-critic-left .buzz .buzz-rating .left-img {display: block; float: left; width: 100px; padding-right: 12px; font-size: 0;}
.sc-critic-left .buzz .buzz-rating .right-part {float: right; width: calc(100% - 100px);}
.sc-critic-left .buzz .buzz-rating .right-part .icon-img {display: inline-block; font-size: 0; margin: 0 0 10px;}
.sc-critic-left .buzz .buzz-rating .right-part p {margin-bottom: 8px;}
.sc-critic-left .buzz .buzz-rating .right-part p a {font-weight: 600;}
.sc-critic-left .buzz .buzz-rating .right-part p a:hover {color: #398be6;}
.sc-critic-left .buzz .buzz-rating .right-part .rating {font-size: 14px;}
.sc-critic-left .buzz .buzz-rating .right-part .rating.spoiled:before {content: ""; width: 22px; height: 17px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-spoiled.png) 0 0 no-repeat; margin-right: 2px;}
.sc-critic-left .buzz .buzz-rating .right-part .rating.VCrisp:before {content: ""; width: 22px; height: 18px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-vcrisp.png) 0 0 no-repeat; margin-right: 2px;}
.sc-critic-left .buzz .buzz-rating .right-part .rating.Crisp:before {content: ""; width: 22px; height: 17px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-crisp.png) 0 0 no-repeat; margin-right: 2px;}

.sc-critic-left .buzz .critic-talk {float: right; width: 50%; padding: 35px 35px 30px 0;}
.sc-critic-left .buzz .critic-talk li.top-heading {float: left; width: 100%;}
.sc-critic-left .buzz .critic-talk li.top-heading h3 {font: 600 16px 'Libre Franklin', sans-serif; float: left; clear: none;}
.sc-critic-left .buzz .critic-talk li.top-heading h3.crtalk-head-right {float: right;}
.sc-critic-left .buzz .critic-talk li {font-size: 0; line-height: 20px;}
.sc-critic-left .buzz .critic-talk li img {display: inline-block; vertical-align: middle; margin-right: 8px;}
.sc-critic-left .buzz .critic-talk li span {font-size: 14px; margin-right: 15px;}
.sc-critic-left .buzz .critic-talk li span + span {margin-right: 0;}
.sc-critic-left .buzz .critic-talk li .music_date {padding-left: 20px; float: right;}
.sc-critic-left .buzz .critic-talk li span.spoiled:before {content: ""; width:22px; height:17px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-spoiled.png) 0 0 no-repeat; margin-right: 2px;}
.sc-critic-left .buzz .critic-talk li span.Crisp:before {content: ""; width:22px; height:17px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-crisp.png) 0 0 no-repeat; margin-right: 2px;}
.sc-critic-left .buzz .critic-talk li span.VCrisp:before {content: ""; width:22px; height:18px; display: inline-block; vertical-align: middle; background: url(assets/images/icon-vcrisp.png) 0 0 no-repeat; margin-right: 2px;}

.sc-critic-right {float: right; width: 23%;}
.sc-critic-right ul li {margin-bottom: 2px;}
.sc-critic-right ul li a {display: block; padding: 7px 12px; font-size: 16px;}
.sc-critic-right ul li a:hover {background: #e4e4e4;}
.sc-critic-right ul li a.active {background: #fff200;}
.sc-critic-right ul li a.active:hover {color: #000;}



/*================================= Critic User Review Details Page ======================================*/

.leftPart_sec {width: 27%; float: left; margin-top: 15px;}
.leftPart_sec h1 {text-align: center; font-size: 20px;}

.product-content-light {width: 70%; float: right; margin-top: 15px;}
.product-content-light .heading {background: #7ab700; font-size: 0; margin-bottom: 20px;}
.product-content-light .heading h2 {display: inline-block; margin: 0; background: #fff; font-size: 22px; text-transform: uppercase; padding: 0 10px; margin-left: 25px; line-height: normal;}

.etabs { margin: 0; padding: 0; }
.tab { display: inline-block; zoom:1; *display:inline; background: #eee; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; }
.tab a { font-size: 14px; line-height: 2.5em; display: block; padding: 0 10px; outline: none;}
.tab:hover a {background: #dcdcdc; border-radius: 4px;}
.tab a:hover { text-decoration: none; }
.tab.active { background: #fff; position: relative; top: 1px; border: 1px solid #ccc; border-bottom: 0;}
.tab a.active { font-weight: bold; }
.tab-container .panel-container { background: #fff; border-top: 1px solid #ccc; padding: 10px 0;}

.product-content-light .panel-container:after {content: ""; display: table; clear: both;}
.product-content-light .panel-container ul:after {content: ""; display: table; clear: both;}
.product-content-light .panel-container ul {margin: 0;}
.product-content-light .panel-container ul li {float: left; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ccc;}
.product-content-light .panel-container ul li:last-child {padding-bottom: 0; border-bottom: 0;}
.product-content-light .panel-container ul li .review-user {float: left; width: 30%; line-height: normal;}
.product-content-light .panel-container ul li .review-user img {width: 60px; float: left; margin-right: 15px;}
.product-content-light .panel-container ul li .review-user h3 {display: inline-block; margin-bottom: 0; font: 600 15px 'Libre Franklin', sans-serif; color: #000; line-height: normal;}
.product-content-light .panel-container ul li .review-user span {font-size: 14px;}
.product-content-light .panel-container ul li .review-user .media-name,
.product-content-light .panel-container ul li .review-user .critic-cat {display: block;}

.product-content-light .panel-container ul li .inner {float: right; width: 70%;}
.product-content-light .panel-container ul li .inner img {float: left; margin: 5px 0 0;}
.product-content-light .panel-container ul li .inner .collase {float: right; width: calc(100% - 35px);}
.product-content-light .panel-container ul li .inner ul {float: right; width: calc(100% - 35px); margin: 5px 0 0; font-size: 14px;}
.product-content-light .panel-container ul li .inner ul li {margin-right: 15px; margin-bottom: 0; padding-bottom: 0; border-bottom: 0;}
.product-content-light .panel-container ul li .inner ul li:first-child {font-weight: 600;}
.product-content-light .panel-container ul li .inner ul li:last-child {margin-right: 0;}
.product-content-light .panel-container ul li .inner ul li a {color: #398be6; font-weight: 600;}
.product-content-light .panel-container ul li .inner ul li a:hover {text-decoration: underline;}


/*============================= 28-05-18 =================================*/

#poststuff #acf-external_review table tr.field {float: none;}
.external_review a {color: #398be6; text-decoration: underline;}
.external_review a:hover {text-decoration: none;}
.external_review .review_name {font-weight: 600;}
.external_review .review_name img {display: inline-block; vertical-align: middle; margin-right: 3px;}

.album-details-headline {margin: 0 0 15px; line-height: normal; position: relative;}
.album-details-headline:after {content: ""; display: table; clear: both;}
.album-details-headline h2 {display: inline-block; margin: 0; line-height: normal; background: #fff; float: left; position: relative; z-index: 2; padding: 0 5px 0 0;}
.album-details-headline a {font: normal 15px 'Fjalla One', sans-serif; color: #999; float: left; display: inline-block; background: #fff; position: relative; z-index: 2; text-transform: uppercase; padding: 1.5px 5px 1.5px 5px; line-height: normal;}
.album-details-headline:before {content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: #5ca31d;}

.page-template-edit-album .acf-button-edit{display: none;}




/*25/07 table*/


th[role=columnheader]:not(.no-sort) {
	cursor: pointer;
}

th[role=columnheader]:not(.no-sort):after {
	content: '';
	float: right;
	margin-top: 7px;
	border-width: 0 4px 4px;
	border-style: solid;
	border-color: #404040 transparent;
	visibility: hidden;
	opacity: 0;
	-ms-user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}

th[aria-sort=ascending]:not(.no-sort):after {
	border-bottom: none;
	border-width: 4px 4px 0;
}

th[aria-sort]:not(.no-sort):after {
	visibility: visible;
	opacity: 0.4;
}

th[role=columnheader]:not(.no-sort):hover:after {
	visibility: visible;
	opacity: 1;
}


/*search form*/



/*------------------------------- 26-07-18 ---------------------------------*/

.dasboard-widget .leftPart {float:left}
.dasboard-widget .rightPart {float: right;}
.dasboard-widget .leftPart select {height: 35px; font-size: 13px;}
.dasboard-widget .rightPart .wp-pagenavi .pages {display: none;}
.page-template-user-dashbaord .form-wrapper input {display: inline-block; height: 35px; vertical-align: top; width: auto;}
.page-template-create-new-album #poststuff .field button, .page-template-edit-album #poststuff .field button {font-size: 0.875rem; line-height: 1; padding: 1em 2em; margin-left: 15px;}

.critic-consensus a {color: #398be6; font-size: 15px; text-decoration: underline; display: inline-block !important; width: auto !important; vertical-align: top;}
.critic-consensus a:hover {text-decoration: none;}


#acf-external_review_new .acf-radio-list li {display: inline-block; vertical-align: top; margin-right: 20px;}
#acf-external_review_new .acf-radio-list li label {font-size: 0;}
#acf-external_review_new .acf-radio-list li label input {font-size: inherit;}
#acf-external_review_new .acf-radio-list li:first-child label:after {content: ""; width: 30px; height: 30px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; background: url(assets/images/icon-plus-new.png) center center no-repeat;}
#acf-external_review_new .acf-radio-list li:last-child label:after {content: ""; width: 30px; height: 30px; display: inline-block; vertical-align: middle; border: 0; border-radius: 0; background: url(assets/images/icon-minus-new.png) center center no-repeat;}


.page-template-create-new-album .jconfirm-box {max-width: 600px; width:100% !important; padding: 25px 25px 5px; text-align: center;}
.page-template-create-new-album .jconfirm-box .jconfirm-buttons {width: 100%; padding-top: 20px;}
.page-template-create-new-album .jconfirm-box .jconfirm-buttons .btn-blue {float: left; font-size: 12px !important;}
.page-template-create-new-album .jconfirm-box .jconfirm-buttons .btn-blue + .btn-blue {float: right;}


.page-template-create-new-album #poststuff .field #ajaxFrm_save, .page-template-create-new-album #poststuff .field #ajaxFrm {width: 180px; margin-bottom: 12px;}
.page-template-create-new-album .jconfirm .jconfirm-box div.jconfirm-content-pane.no-scroll {height: auto !important; max-height: none !important;}


.home .home-latest-news.home-topsec-reviews ul li .hrv-heading-bar {background: #5ca31d; float: left; width: 100%;}
.home .home-latest-news.home-topsec-reviews ul {padding: 0 15px;}
.home .home-latest-news.home-topsec-reviews ul li {width: 31.3%; margin-right: 3%;}
.home .home-latest-news.home-topsec-reviews ul li h2 {margin-left: 0; font-size: 26px; line-height: 40px; color: #fff; background: transparent;}
.home .home-latest-news.home-topsec-reviews ul li .view-all-lnk {color: #fff;}
.home .home-latest-news.home-topsec-reviews ul li:last-child {margin-right: 0;}
.home .home-latest-news.home-topsec-reviews ul li ul {margin-top: 15px; padding: 0;}
.home .home-latest-news.home-topsec-reviews ul li ul li {width: 100%; margin-bottom: 5px; margin-right: 0;}
.home .home-latest-news.home-topsec-reviews ul li:after {display: none;}
.home .home-latest-news.home-topsec-reviews ul li ul li .albm-rate {display: inline-block; font-size: 16px; font-weight: 600; line-height: normal;}
.home .home-latest-news.home-topsec-reviews ul li ul li .albm-rate img {display: inline-block; vertical-align: middle; width: auto; margin-right: 3px; height: 20px; margin-bottom: 2px;}
.home .home-latest-news.home-topsec-reviews ul li ul li p {float: right; width: calc(100% - 90px); font-size: 16px; text-align: left; margin: 0;}
.home .home-latest-news.home-topsec-reviews ul li span a {font-weight: 600; vertical-align: middle; margin: 0;}
.home .home-latest-news.home-topsec-reviews ul li p a {font-weight: normal; margin: 0; line-height: normal;}




/*=============================== Homepage new banner design ===================================*/

.custom-header-media-left, .custom-header-media-right {width: 50%; float: right; position: relative; overflow: hidden;}
.custom-header-media-left .owl-nav{margin-top:0;}
.custom-header-media-right {float: left;}
.custom-header-media-right ul li {float: left; width: 50%; position: relative; height: 360px; overflow: hidden;}
.custom-header-media-left .owl-theme .owl-item {position: static;}
.custom-header-media-left .owl-theme .owl-item li {height: 360px;}
/*.custom-header-media-left .owl-theme .owl-item li img {width: 100%;}*/
.custom-header-media-left .owl-theme .owl-dots .owl-dot span {background: #9f9f9f;}
.custom-header-media-left .owl-theme .owl-dots .owl-dot:hover span {background: #858585;}
.custom-header-media-left .owl-theme .owl-dots .owl-dot.active span {background: #5ca31d;}

.custom-header-media-left .header-post-info, .custom-header-media-right .header-post-info {position: absolute; left: 30px; right: 30px; bottom: 10px; background: rgba(25,25,25,0.6); padding: 12px 14px; border-top: 4px solid #5ca31d;}
.custom-header-media-left .header-post-info h2, .custom-header-media-right .header-post-info h2 {margin: 0; line-height: 28px; font: 700 20px 'Libre Franklin', sans-serif;}
.custom-header-media-left .header-post-info p, .custom-header-media-right .header-post-info p {margin: 0;}

.custom-header-media-left .owl-carousel .owl-nav button.owl-prev {position: absolute; left: 35px; top: 50%; transform: translateY(-50%); border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-right: 15px solid rgba(255,255,255,0.4); background: transparent; border-radius: 0;}
.custom-header-media-left .owl-carousel .owl-nav button.owl-prev:hover {border-right: 15px solid rgba(255,255,255,1);}
.custom-header-media-left .owl-carousel .owl-nav button.owl-next {position: absolute; right: 35px; top: 50%; transform: translateY(-50%); border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid rgba(255,255,255,0.4); background: transparent; border-radius: 0;}
.custom-header-media-left .owl-carousel .owl-nav button.owl-next:hover {border-left: 15px solid rgba(255,255,255,1);}

.wht-spl-cabb {border-bottom: 1px solid #ccc; margin-bottom: 25px;}
.wht-spl-cabb.listener-sc {border-bottom: 0; margin-bottom: 0;}
.wht-spl-cabb li  {margin: 0 0 20px;}
.wht-spl-cabb li span {display: inline-block; width: 70px; vertical-align: middle;}
.wht-spl-cabb li p {text-align: left; width: calc(100% - 80px); display: inline-block; vertical-align: middle; margin: 0;}
.wht-spl-cabb.vcrisp-stat li div {width: calc(100% - 80px); display: inline-block; vertical-align: middle;}
.wht-spl-cabb.vcrisp-stat li div p {width: 100%; margin: 0 0 12px;}
.wht-spl-cabb.vcrisp-stat li span {vertical-align: top;}


.statbar-sec:after {content: ""; display: table; clear: both;}
.statbar-sec {background: #000; padding: 10px 0 0 20px; font-size: 0; border-top: 1px solid #333;}
.home .statbar-sec {border-top: 0;}
.statbar-sec li {width: 20%; float: none; display: inline-block; vertical-align: top; padding: 0 20px 10px 0;}
.statbar-sec li img {display: inline-block; vertical-align: middle; margin-right: 12px; width: 50px;}
.statbar-sec li p {color: #fff; font-size: 14px; display: inline-block; vertical-align: middle; margin: 0; float: right; width: calc(100% - 63px);}

.statbar-sec li.icon-text {width: calc(100% - 20px); text-align: center; padding-top: 10px; padding-right: 0; border-top: 1px solid #333;}
.statbar-sec li.icon-text p {font-weight: 600; width: 100%;}


/*---------------------------- Homepage Blog --------------------------------*/

.home-blog-sec ul:after {content: ""; display: table; clear: both;}
.home-blog-sec ul {padding: 0 15px; font-size: 0;}
.home-blog-sec ul li {float: none; display: inline-block; vertical-align: top; width: calc((100% - (20px * 3)) / 4); margin: 0 20px 20px 0;}
@media screen and (min-width: 993px) {
    .home-blog-sec ul li:nth-child(4n) {margin-right: 0;}
}
.home-blog-sec ul li a {display: block; height: 200px; background: #f1f1f1; overflow: hidden; margin-bottom: 15px;}
.home-blog-sec ul li img {width: auto; height: 200px; max-width: none; position: relative; left: 50%; transform: translateX(-50%);}
.home-blog-sec ul li h2 {font-size: 1.2rem; margin-bottom: 3px;}
.home-blog-sec ul li h2 a {background: transparent; height: auto; overflow: visible; margin-bottom: 0;}
.home-blog-sec ul li h2 a:hover {color: #5ca31d;}
.home-blog-sec ul li h3 {font-family: 'Libre Franklin', sans-serif; font-weight: 600; font-size: 0.9rem; margin-bottom: 3px;}
.home-blog-sec ul li p {margin: 0;}


/*============================== Responsive ==============================*/

@media screen and (max-width: 1100px) {
    .header-top-left button {font-size: 13px;}
	.header-top-right button {align-items: center;}
}

@media screen and (max-width: 992px) {
	.navigation-top .main-navigation a {padding: 0.5em 0.7em; font-size: 15px;}
	.top-links li a {font-size: 12px;}
	.home-certified-section {margin-top: 5px;}
	.site-footer .cust-footer-col h2 {font-size: 16px;}
	.site-footer .cust-footer-col.col4 ul li {margin-right: 15px;}
	
	.home-latest-news ul li, .artist_music_list ul li {width:33.33%;}
	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item {margin-left: 20px;}
	#mega-menu-wrap-top #mega-menu-top > li.mega-menu-item > a.mega-menu-link {font-size:15px !important;}
	
	.album-details-page .product-content-left {width: 20%;}
	.album-details-page .product-content-right, .album-details-page h1.page-main-title {width:80%;}
	
	.leftPart_sec {width: 100%; text-align: center;}
	.leftPart_sec img {display: inline-block;}
	.product-content-light {width:100%;}

	
	.home .home-latest-news ul li {width: 50%;}
	
	.custom-header .header-banner-left {width: 100%; position: static; height: auto; margin-bottom: 10px;}
	.custom-header .header-banner-left ul {position: static; height: auto;}
	.custom-header .header-banner-right {width:100%; padding-left: 0;}
	.custom-header .header-banner-right ul li .bann-overlay ul li.name a {font-size: 20px;}
	.custom-header .header-banner-right ul li .bann-overlay ul li a {font-size: 13px; padding: 5px 0;}
	
	.home .home-latest-news.home-topsec-reviews ul li {width: 100%; margin: 0 0 3%;}
	
	.custom-header-media-left, .custom-header-media-right {width: 100%; overflow: visible;}
	.logo {top: 15px;}
	.logo img {width: 300px;}
        
        .statbar-sec li {width: 33.33%;}
        
}

@media screen and (min-width: 641px) and (max-width: 992px) {
    .home-blog-sec ul li {width: calc((100% - (20px * 2)) / 3);}
    .home-blog-sec ul li:nth-child(3n) {margin-right: 0;}
}

@media screen and (max-width: 850px) {
	h2.page-cust-title {font-size: 18px;}
	.home-certified-section .home-certified-inner {margin-top: 10px;}
	.home-certified-section .certified-left {width: 100%;}
	.home-certified-section .certified-right {width: 100%; padding-left: 20px;}
	
	.home-dvdalbum-section .home-dvdalbum-left {width: 100%; padding-bottom: 20px;}
	.home-dvdalbum-section .home-dvdalbum-right {width: 100%; padding-left: 20px;}
	
	.home-latest-news ul li h3 {font-size: 14px;}
	
	.home-latest-news ul {font-size: 0;}
	.home-latest-news ul li {width: 50%; padding-bottom: 20px; float: none; display: inline-block; vertical-align: top;}
	.home-latest-news ul li a {display: block;}
	
	.newsletter-box {padding: 380px 0 0; background-position: center 0;}
	.newsletter-box h1 {font-size: 20px;}
	
	.album-details-page .product-content-left {display: none;}
	.album-details-page .product-content-right {width:100%; padding-left: 0;}
	.album-details-page h1.page-main-title {width: 100%;}
	
	.home .home-latest-news ul li a {display: inline-block;}
}

@media screen and (max-width: 800px) {
	/*.header-bottom .trending {display: none;}*/
	.header-bottom {font-size: 0; text-align: center;}
	/*.header-bottom .social {float: none; display: inline-block; margin-bottom: 2px;}*/

}

@media screen and (max-width: 782px) {
	.acf_postbox ul.acf-radio-list li input {height: 16px; width:16px !important;}
	.acf_postbox ul.acf-radio-list li input[type=radio]:checked:before {vertical-align: middle; width: 6px; height: 6px; margin: 4px; line-height: 16px;}
}

@media screen and (min-width: 768px) {
	.newsletter-box {margin-bottom: 25px;}
	.header-top-mid {display: block !important;}
        .header-top-right {margin-top: 0px;}
}

@media screen and (max-width: 767px) {
	.header-top-mid {width: calc(100% - 350px);}
	/*.main-navigation {position: relative;}*/
	.navigation-top, #masthead .wrap {position: static;}
	.menu-main-menu-container {position: absolute; top: 48px; right: 0; z-index: 200; width: 250px; box-shadow: 0 0 8px rgba(0,0,0,0.3);}
	.main-navigation > div > ul {border-top: 0; padding: 0.3em 0.695em;}
	.navigation-top .main-navigation a {padding: 0.2em 0; color: #000;}
	.has-header-image.twentyseventeen-front-page .custom-header {height: auto !important;}
	/*.custom-header-media {position: relative;}*/
	
	.site-footer .wrap {text-align: center;}
	.site-footer .cust-footer-col {width: 100% !important; padding-right: 0;}
	.site-footer .cust-footer-col.col1 ul {margin-bottom: 0;}
	.site-footer .cust-footer-col.col3 {margin-bottom: 25px;}
	.site-footer .widget_text.cust-footer-col.col4 ul {display: inline-block; margin-bottom: 0;}
	.site-footer .cust-footer-col.col4 ul li { margin-right: 7.5px; margin-left: 7.5px;}
	
	.site-footer .copyright-sec {float: none; display: inline-block; text-align: center; margin-top: 30px;}
	.site-footer .copyright-sec p, .site-footer .copyright-sec ul {float: none; display: inline-block; margin-right: 0; vertical-align: middle;}
	
	.product-content-left {width:100%; margin-bottom: 20px;}
	.product-content-right {width:100%; padding-left: 0;}
	
	.table-responsive table thead tr th {display: none;}
	.table-responsive table tbody tr {display: block; margin-bottom: 10px; border-bottom: 0; border-top: 1px solid #ccc;}
	.table-responsive table tbody tr:last-child {border-bottom: 1px solid #ccc;}
	.table-responsive table tbody tr td {display: block; padding: 3px 0;}
	.table-responsive table tbody tr td a {text-decoration: underline;}
	
	.header-top {position: relative; text-align: center;}
	.header-top-search-btn-mob {position: absolute; top: 32px; right: 20px;}
	.header-top-search-btn-mob .top-search-btn {display: block; width: 32px; height: 32px; background: #5ca31d url(assets/images/icon-sprite-new.png) -130px -91px no-repeat; border-radius: 2px; display: none;}
	.header-top-search-btn-mob .top-search-btn:hover, .header-top-search-btn-mob .top-search-btn:active, .header-top-search-btn-mob .top-search-btn:visited {background-color: #000;}
	.header-top-mid {display: block !important; width: 100%; position: static; top: 68px; left: 0; margin: 0; padding: 7px; background: transparent; z-index: 200;}
	#mega-menu-wrap-top .mega-menu-toggle {background: #4d7104;}
	#mega-menu-wrap-top .mega-menu-toggle.mega-menu-open + #mega-menu-top {padding: 10px !important; top:71px !important;}
	#mega-menu-wrap-top .mega-menu-toggle.mega-menu-open + #mega-menu-top > li.mega-menu-item {margin-left: 0; margin-bottom: 8px;}
	#mega-menu-wrap-top .mega-menu-toggle.mega-menu-open + #mega-menu-top > li.mega-menu-item:last-child {margin-bottom: 0;}
	
	.critic-user-link {float: left; clear: both; margin: 0 0 15px; width:100%;}
	.critic-user-link li {margin: 0 15px 5px 0;}
	.critic-user-link li:last-child {margin-right: 0;}
	.critic-user-link li a {font-size: 12px;}
	
	.acf_postbox.no_box > .inside > .field.field_type-image {width:100%; margin-right: 0;}
	.acf-image-uploader .no-image p {display: inline-block; max-width: 200px;}
	
	.LeftHalf, .RightHalf {border-right: 0; width:100%;}
	.LeftHalf {padding-right: 0;}
	.RightHalf {padding-left: 0;}
	
		
	.album-details-page .album-playlist{width: 100%; padding-right: 0;}
	.album-details-page .music-videos {width: auto;}
	
	.album-details-page .product-content-fullwide .review h2 {font-size: 18px;}
	.album-details-page .product-content-fullwide .critic-review .review-brief li {line-height: normal;}
	.album-details-page .product-content-fullwide .critic-review .review-brief li a {font-size: 14px;}
	.album-details-page .product-content-fullwide .critic-review .review-details li {width:100%; margin-right: 0;}
	.album-details-page .product-content-fullwide .critic-review .review-details li p {font-size: 16px;}
	.album-details-page .product-content-fullwide .listener-review ul li .listener-right .rating-box {margin-left: 0;}
	.album-details-page .product-content-fullwide .listener-review ul li .listener-right .date {font-size: 16px;}
	.album-details-page .product-content-fullwide .critic-review .review-details li .inner:before {left:24px;}
	.album-details-page .product-content-fullwide .critic-review .review-details li .review-user {margin-left: 66px;}
	
	.logo {margin: 14px calc((100% - 250px) / 2) 10px;}
	.header-top-right {float: none; display: inline-block;}
	div.wpdreams_asl_results.asl_r.vertical {top: 104px !important;}
	
	.custom-header-media-left {margin-bottom: 15px;}
	.custom-header-media-left .owl-carousel .owl-nav button.owl-prev {left: 2px;}
	.custom-header-media-left .owl-carousel .owl-nav button.owl-next {right: 2px;}
	
	.top-links {float: none; width: 100%; display: inline-block; text-align: center; margin-right: 0;}
	.top-links li {float: none; display: inline-block;}
	.CabbageScaleText {text-align: center; width: 100%; margin-right: 0;}
	.CabbageScaleText a {margin-left: 0;}
	.header-top-left {width: 100%;}
	.header-top-left p {text-align: center; margin-right: 0;}
        
        .statbar-sec li {width: 50%;}
	
	.dasboard-widget {margin-top: 90px;}
	.dasboard-widget .search-sec {left: 0; right: auto; top: -80px;}
	.dasboard-widget .search-sec .col-lg-3 {padding-left: 0;}
}

@media screen and (max-width: 700px) {
	.leftPart_sec h1 {font-size: 16px;}
	.product-content-light .panel-container ul li .review-user {width:auto;}
	.product-content-light .panel-container ul li .inner {width:100%; margin-top: 15px;}
	.product-content-light .panel-container ul li .inner ul li {margin-right: 10px;}
}
@media screen and (max-width: 650px) {
	.dasboard-widget .rightPart {float: left; clear: both; margin-top: 15px; width: 100%;}
	.dasboard-widget .rightPart .wp-pagenavi span, .dasboard-widget .rightPart .wp-pagenavi a {font-size: 12px;}
	.page-template-create-new-album #poststuff .field button, .page-template-edit-album #poststuff .field button,
	.page-template-create-new-album #poststuff .field input, .page-template-edit-album #poststuff .field input {padding:1em 1.5em;}
	
	.custom-header .header-banner-right ul li {width: 50%;}
	
	.page-template-user-dashbaord .form-wrapper input#search {width:calc(100% - 90px);}
	.page-template-user-dashbaord .form-wrapper input#submit {width: 86px; padding: 0;}
	.home .home-latest-news.home-topsec-reviews ul li h2, .home-latest-news h2 {font-size: 22px;}
	
	.cabbage-scorebox-left {width: 100%;}
	.cabbage-scorebox-right {width: 100%; padding: 15px 0 0;}
	
	.album-details-page .album-playlist .album-playlist-inner ul.external_review {width: calc((100% - 40px) / 2);}
	.album-details-page .album-playlist .album-playlist-inner ul.external_review:nth-child(3n) {margin-right: 40px;}
	.album-details-page .album-playlist .album-playlist-inner ul.external_review:nth-child(even) {margin-right: 0;}
}

@media screen and (max-width: 640px) {
    .home-blog-sec ul li {width: calc((100% - 20px) / 2);}
    .home-blog-sec ul li:nth-child(even) {margin-right: 0;}
}

@media screen and (max-width: 630px) {
	.page-template-create-new-album .jconfirm-box {max-width: 90%;}
	.custom-header-media-right ul li {width: 100%;}
	
	.album-details-page h1.page-main-title span.spacer {display: none;}
	.album-details-page h1.page-main-title span.artist-name {width: calc(100% - 55px); margin-left: 0;}
}

@media screen and (max-width: 600px) {
        .statbar-sec {padding-left: 0;}
        .statbar-sec li {width: 100%; padding-left: 20px; border-bottom: 1px solid #333; margin-bottom: 10px;}
        .statbar-sec li:last-child {border-bottom: 0; margin-bottom: 0;}
        .statbar-sec li.icon-text {padding-left: 15px; padding-right: 15px; padding-top: 0; border-top: 0; width: 100%;}
}

@media screen and (max-width: 568px) {
	.home-certified-section .certified-right {margin-bottom: 4px;}
	.home-certified-section .certified-right li {width:33.33%; padding-bottom: 20px;}
	.product-content-light .heading h2 {font-size: 15px; margin-left: 15px;}
	.tab a {font-size: 12px;}
}

@media screen and (max-width: 530px) {
	.home-latest-news ul li {width: 100%; padding-left: 0; padding-right: 0;}
	.artist_music_list ul li .img_player_sec img, .product-content-left .img_player_sec img {width: 100%; height: auto;}
}

@media screen and (max-width: 500px) {
	.home-music-top-col {width: 100%;}
	.rating_widget-body-btn {margin-top: 0; margin-bottom: 10px;}
	.rating_widget-body-btn + .rating_widget-body-btn {margin-right: 0;}
	.star-rating-box1 {display: block;}
	
	.album-details-page .product-content-right .post-comm {width:100%;}
	
	.album-details-page .product-content-fullwide .listener-review ul li .listener-right .date {display: block; width: 100%; margin-top: 10px;}
	
	.page-template-create-new-album .jconfirm-box .jconfirm-buttons {width: 250px; text-align: center; display: inline-block; float: none !important; padding-top: 0;}
	.jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue, .jconfirm .jconfirm-box .jconfirm-buttons button.btn-blue + .btn-blue {float: none;}
	
	.home .home-latest-news ul li {width: 100%;}
	.home .home-latest-news ul li .img_player_sec img {height: auto;}
	.album-details-page .album-playlist .album-playlist-inner ul.external_review {width: 100%; margin-right: 0;}
	.album-details-page .album-playlist .album-playlist-inner ul.external_review:nth-child(3n) {margin-right: 0;}
}

@media screen and (max-width: 400px) {
	.home-certified-section .certified-right li {width: 50%;}
	.album-details-page .product-content-fullwide .listener-review ul li .listener-right {width: 100%; margin-top: 10px;}
	.header-top-search-btn-mob {right: 10px;}
	
	.home .home-latest-news.home-topsec-reviews ul li ul li {border-bottom: 1px solid #ddd; padding-bottom: 8px;}
	.home .home-latest-news.home-topsec-reviews ul li ul li:last-child {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
	.home .home-latest-news.home-topsec-reviews ul li ul li p {width: 100%; margin: 10px 0 0;}
	
	.single-music .fullwidth .slides li {width: 100%; margin: 0 0 15px; background: transparent; overflow: visible; height: auto;}
	.single-music .fullwidth .slides li img {position: static; top: 0; transform:none;}
	.critic-detail-box {margin: 0;}
	
	.wht-spl-cabb li span {vertical-align: top;}
        
        .home-blog-sec ul li {width: 100%; margin-right: 0;}
        .home-blog-sec ul li a {height: auto;}
        .home-blog-sec ul li img {width: 100%; height: auto; position: static; left: 0; transform: none;}
}

@media screen and (max-width: 340px) {
	.home-certified-section .certified-right li {width: 100%;}
	.home-dvdalbum-section .home-dvdalbum-right ul li {width: 100%;}
	
	.rating_widget-body-btn #like, .rating_widget-body-btn #notlike {padding-right: 10px; display: none;}
	
	.custom-header .header-banner-left, .custom-header .header-banner-right {width:100%;}
}