/**
 * Theme colors stylesheet
 *
 * Notes:
 *   * = Doesn't change via Customizer.
 *
 * @package    Receptar
 * @copyright  2015 WebMan - Oliver Juhas
 *
 * @since    1.0
 * @version  1.9.0
 */

/**
 * Default colors (fallbacks)
 */

/**
	 * Background
	 */

/**
		 * Background color
		 */

body {
    background-color: #f5f7f9;
}

/* RGBA backgrounds */

button,
input,
select,
textarea,
tbody tr:hover td,
tbody tr:hover th,
.pagination a:hover,
.site .wp-playlist {
    background-color: rgba(0, 0, 0, 0.1);
} /* * */

.gallery-caption {
    background-color: rgba(0, 0, 0, 0.8);
} /* * */

/* Basic background colors */

.site,
.hamburger-item,
.home .content-area,
.posts .entry {
    background-color: #fff;
}

.site-header::before {
    background-color: #2a2c2e;
}

body,
.site-footer {
    background-color: #f5f7f9;
}

hr,
code,
pre,
.entry-meta-bottom {
    background-color: #eaecee;
}

.main-navigation a:hover,
.current-menu-item > a {
    background-color: #3a3c3e;
}

.pagination,
.posts,
.comments-area-wrapper,
.posts .entry-inner:after {
    background-color: #2a2c2e;
}

.widget .tagcloud a:before {
    background-color: #2a2c2e;
} /* * */

.secondary {
    background-color: #1a1c1e;
}

/* Accent background color */

mark,
ins,
.highlight,
pre:before,
.pagination .current,
.button,
button,
form button,
.fl-node-content button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.post-navigation .post-title,
.bypostauthor > .comment-body .comment-author:before,
.comment-navigation a,
.widget_calendar tbody a,
.widget .tagcloud a:hover,
body #infinite-handle span,
.site-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text) {
    background-color: #e53739;
}

/**
		 * Other background setup
		 */

/* Background gradients */

.site-banner-media:before {
    background: transparent; /* * */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 100%); /* * */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 100%); /* * */
}

/* Inset shadows */

.button,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.2); /* * */
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.2); /* * */
}
.button:active,
button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
    -webkit-box-shadow: inset 0 100px 0 rgba(0, 0, 0, 0.2); /* * */
    box-shadow: inset 0 100px 0 rgba(0, 0, 0, 0.2); /* * */
}

/* Special background color fix for multiline markers */

mark,
ins,
.highlight {
    -webkit-box-shadow:
        0.38em 0 0 #e53739,
        -0.38em 0 0 #e53739;
    box-shadow:
        0.38em 0 0 #e53739,
        -0.38em 0 0 #e53739;
}

/* !important overrides */

/* Accent background color */

.infinite-loader .spinner > div > div {
    background: #e53739 !important;
}

/**
	 * Text color
	 */

/* Basic text colors */

mark,
ins,
.highlight,
pre:before,
.pagination .current,
.button,
button,
form button,
.fl-node-content button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.post-navigation .post-title,
.bypostauthor > .comment-body .comment-author:before,
.comment-navigation a,
.widget_calendar tbody a,
.widget .tagcloud a:hover,
body #infinite-handle span,
.site-header {
    color: #fff;
}

.site-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text) {
    color: #fff !important;
}

.secondary-controls,
.secondary h1,
.secondary h2,
.secondary h3,
.secondary h4,
.secondary h5,
.secondary h6,
.comments-area-wrapper h1,
.comments-area-wrapper h2,
.comments-area-wrapper h3,
.comments-area-wrapper h4,
.comments-area-wrapper h5,
.comments-area-wrapper h6,
.current-menu-item > a {
    color: #fff;
}

.gallery-caption,
.widget .tagcloud a:before {
    color: #caccce;
}

.secondary,
.pagination,
.comments-area-wrapper,
.site-footer {
    color: #9a9c9e;
}

body,
code {
    color: #6a6c6e;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: #1a1c1e;
}

/* Accent text color */

a,
.accent-color {
    color: #e53739;
}

/* Form fields placeholder text color */

::-webkit-input-placeholder {
    color: inherit;
} /* * */
:-ms-input-placeholder {
    color: inherit !important;
} /* * */
::-moz-placeholder {
    color: inherit;
} /* * */
:disabled::-webkit-input-placeholder {
    color: inherit;
} /* * */
:disabled:-ms-input-placeholder {
    color: inherit !important;
} /* * */
:disabled::-moz-placeholder {
    color: inherit;
} /* * */

/**
	 * Border color
	 */

/* Basic border color */

.site-content {
    border-color: #eaecee;
}

.secondary,
.site-content .pagination,
.site-content .comments-area-wrapper {
    border-color: #3a3c3e;
}

/* Accent border color */

input:focus,
select:focus,
textarea:focus,
.post-navigation .post-title,
.widget .tagcloud a:hover {
    border-color: #e53739;
}

/* Inherit border color */

blockquote:before,
blockquote:after,
table,
td,
th,
blockquote.alignleft:before,
blockquote.alignleft:after,
blockquote.alignright:before,
blockquote.alignright:after,
button,
input,
select,
textarea,
.comment-meta,
.comment-respond,
.comment-list .comment-respond,
.post-table-of-contents,
.post-table-of-contents.top,
div.sharedaddy,
.site div#jp-relatedposts,
.widget ul li,
.widget .tagcloud a,
.widget .tagcloud a:before,
.pagination,
.secondary *,
.main-navigation li,
.site-content *,
.fl-builder-content {
    border-color: inherit;
} /* * */

/**
	 * Text selections
	 */

::selection {
    background: #fafcbe; /* * */
    color: #6a6c2e; /* * */
}
::-moz-selection {
    background: #fafcbe; /* * */
    color: #6a6c2e; /* * */
}

/**
	 * Responsive color setup
	 */

@media only screen and (max-width: 960px) {
    .site-header {
        background-color: #2a2c2e;
    }
}

/**
 * CSS variables - customized via theme option
 *
 * Overrides color fallbacks above.
 */

/* Header color */

.site-header::before {
    background-color: rgba(0, 0, 0, 0.25);
}

.site-header {
    color: var(--color-header-text);
}

/* Sidebar color */

.secondary {
    background-color: var(--color-sidebar-background);
    color: var(--color-sidebar-text);
    border-color: var(--color-sidebar-border);
}

.secondary-controls,
.secondary h1,
.secondary h2,
.secondary h3,
.secondary h4,
.secondary h5,
.secondary h6,
.current-menu-item > a {
    color: var(--color-sidebar-headings);
}

.hamburger-item {
    background-color: var(--color-sidebar-headings);
}

.main-navigation a:hover,
.current-menu-item > a {
    background-color: var(--color-sidebar-border);
}

/* Content color */

body,
code {
    color: var(--color-content-text);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    color: var(--color-content-headings);
}

.site,
.home .content-area,
.posts .entry {
    background-color: var(--color-content-background);
}

.site-content {
    border-color: var(--color-content-border);
}

hr,
code,
pre,
.entry-meta-bottom {
    background-color: var(--color-content-border);
}

/* Alternative colors */

.site-content .pagination,
.site-content .comments-area-wrapper {
    background-color: var(--color-content-alt-background);
    color: var(--color-content-alt-text);
    border-color: var(--color-content-alt-border);
}

.posts,
.posts .entry-inner:after {
    background-color: var(--color-content-alt-background);
}

.comments-area-wrapper h1,
.comments-area-wrapper h2,
.comments-area-wrapper h3,
.comments-area-wrapper h4,
.comments-area-wrapper h5,
.comments-area-wrapper h6 {
    color: var(--color-content-alt-headings);
}

/* Footer color */

.site-footer {
    background-color: var(--color-footer-background);
    color: var(--color-footer-text);
}

/* Accent color and accent text color */

a,
.accent-color {
    color: var(--color-accent);
}

mark,
ins,
.highlight,
pre:before,
.pagination .current,
.button,
button,
form button,
.fl-node-content button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.post-navigation .post-title,
.bypostauthor > .comment-body .comment-author:before,
.comment-navigation a,
.widget_calendar tbody a,
.widget .tagcloud a:hover,
body #infinite-handle span,
.site-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text) {
    background-color: var(--color-accent);
    color: var(--color-accent-text);
}

.site-content div.sharedaddy .sd-content ul li a.sd-button:not(.no-text) {
    color: var(--color-accent-text) !important;
}

.infinite-loader .spinner > div > div {
    background: var(--color-accent) !important;
}

input:focus,
select:focus,
textarea:focus,
.post-navigation .post-title,
.widget .tagcloud a:hover {
    border-color: var(--color-accent);
}

mark,
ins,
.highlight {
    -webkit-box-shadow:
        0.38em 0 0 var(--color-accent),
        -0.38em 0 0 var(--color-accent);
    box-shadow:
        0.38em 0 0 var(--color-accent),
        -0.38em 0 0 var(--color-accent);
}

/* Responsive color setup */

@media only screen and (max-width: 960px) {
    .site-header {
        background-color: var(--color-header-background);
    }
}