/*
igg dark mode
*/
/*---------------------------------------------------------------------------------- general elements */
html {
    background-color: #2a2a2a;
    background-image: linear-gradient(120deg, rgb(34,34,34) 40%, rgb(42,42,42) 100%);
}
body { 
    color: #f5f5f5;
}
h1 {
    color: #fff;
}
h2, h3, h4, h5 {
    color: #fafafa;
}
a,
h1 > a, 
h2 > a {
    color: #fff;
}
a:hover,
h1 > a:hover, 
h2 > a:hover {
    color: #fff;
}
img {
    outline: 0;
}
/*---------------------------------------------------------------------------------- utility */
.img-placeholder {
    background-color: #333;
    outline: solid 0.0625rem rgba(255,255,255,0.03);
    outline-offset: -0.0625rem;
}
.svg-icon {
    fill: #fff;
}
.svg-icon-btn:hover {
    background-color: #333;
}
.svg-icon-btn:hover > .svg-icon {
    fill: #fff;
}
/*---------------------------------------------------------------------------------- logo */
.igg-logo {
    fill: #fff;
}
/*---------------------------------------------------------------------------------- layout */
.site-header {
    background-color: #1a1a1a;
    box-shadow: 0 0.0625rem 0 0 #2a2a2a;
}
.site-footer {
    background-color: #1a1a1a;
    box-shadow: inset 0 0.0625rem 0 0 #333;
}
.hd-mobile-nav {
    background-color: #1a1a1a;
    box-shadow: 0 0.0625rem 0 0 #2a2a2a;
}
.hd-mobile-nav--open {
    box-shadow: 0 0.0625rem 0 0 #2a2a2a, 0 0.375rem 0.25rem 0.125rem rgba(0,0,0,0.75);
}
.section-title,
.section-more-link {
    border-color: #333;
}
.site-footer .menu-title {
    color: #ccc;
}
.ft-social,
.ft-legal {
    border-top-color: #333;
}
.section-4 .home-post {
    border-color: #333;
}
.home-title {
    border-color: #333;
}
/*---------------------------------------------------------------------------------- header search */
.header-search-container {
    background-color: #1a1a1a;
    box-shadow: 0 0.0625rem 0 0 #2a2a2a;
}
.header-search-form input[type="search"],
.header-search-form input[type="search"]:active,
.header-search-form input[type="search"]:focus {
    color: #fff;
}
.header-search-form input[type="submit"] {
    background-color: transparent;
    border-color: #ddd;
}
.header-search-form input[type="submit"]:hover {
    background-color: #2a2a2a;
}
.header-search-form input[type="submit"]:active {
    background-color: #1a1a1a;
}
/*---------------------------------------------------------------------------------- post */
.single .post-hero {
    border-color: #6a6a6a;
}
.share-links .svg-icon {
    fill: #f5f5f5;
}
/*---------------------------------------------------------------------------------- nav */
.current_page_item a,
.current-menu-item a,
.widget a[aria-current="page"] {
    /**/
}
.ft-nav .menu-item > a {
    /**/
}
.ft-nav .menu-item > a:hover,
.ft-nav .menu-item > a:active {
    /**/
} 
.ft-nav .current_page_item > a {
    /**/
}
.ft-nav .current_page_item > a:hover,
.ft-nav .current_page_item > a:active {
    /**/
}
.tagcloud > .tag-cloud-link {
    border-color: #c8c8c8;
}
.tagcloud > .tag-cloud-link:hover {
    border-color: #fff;
}
/*prev/next*/
.prev-next a {
    background-color: rgba(0,0,0,0);
}
.prev_link--disabled,
.next_link--disabled {
    background-color: rgba(0,0,0,0.08);
    border-color: #4a4a4a;
}
.prev-next a:hover {
    background-color: rgba(0,0,0,0.15);
}
.prev-next a:active {
    background-color: rgba(0,0,0,0.1);
}
.prev--disabled,
.next--disabled,
.prev_link--disabled,
.next_link--disabled {
    color: #6a6a6a;
}
/*---------------------------------------------------------------------------------- Newsletter widget */
.newsletter-section {
    background-color: rgba(240,247,255,0.05);
    box-shadow: 0 0.125rem 0 0 rgba(0,0,0,0.1);
}
.sailthru-signup-widget .sailthru_form_input > .form-control {
    background: rgba(255,255,255,0.2);
    color: #fff;
}
/*---------------------------------------------------------------------------------- WordPress */
.more-link,
.more-link:hover {
    color: #fff;
}
.wp-block-gallery .blocks-gallery-item .blocks-gallery-item__caption {
    color: #fff;
}
.wp-block-quote {
    background-color: rgba(238, 229, 242, 0.1);
    border-left: 0.2222222222rem solid rgb(122, 105, 179);
    box-shadow: 0.0625rem 0.125rem 0.1875rem 0 rgba(0,0,0,0.1);
}
.wp-block-quote > p:before,
.wp-block-quote > p:after {
    color: rgba(255,255,255,0.28);
}
#searchform div {
    background-color: rgba(0,0,0,0.1);
}
#searchform input[type="search"] {
    background: rgba(255,255,255,0.2);
    color: #fff;
}
.comment.bypostauthor > .comment-body {
    background-color: rgba(240,247,255,0.05);
}
.comment-edit-link,
.comment-edit-link:hover,
.comment-reply-link,
.comment-reply-link:hover,
#cancel-comment-reply-link,
#cancel-comment-reply-link:hover {
    color: #e51075;
}
.comment-awaiting-moderation {
    background-color: rgba(253,222,134,0.12);
}
/*---------------------------------------------------------------------------------- forms */
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: rgba(255,255,255,0.8);
    background-image: linear-gradient(transparent, transparent);
    border-color: rgba(0,0,0,0.1);
}
/* focus styles */
:focus{outline: 0;}
select:focus,
textarea:focus,
input[type="text"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    background-color: #fff;
    border-color: #21a1d9;
    box-shadow: 0 0 0.125rem 0 #24b4f2;
}
button:focus {
    box-shadow: inset 0 0.0625rem 0 rgba(255,255,255, 0.3),
        0 0 0.25rem 0.125rem #61bbf2;
}
/* miscellaneous form elements */
input::-webkit-input-placeholder {
    color: #bfbfbf;
}
input:-ms-input-placeholder {
    color: #bfbfbf;
}
input::-moz-placeholder {
    color: #bfbfbf;
}
input[disabled="disabled"] {
    border-color: #dfdfdf;
}
/* buttons */
.btn,
button,
input[type="submit"] {
    background-color: #e51075;
    color: #fff;
}

.btn:hover,
a.btn:hover,
button:hover,
input[type="submit"]:hover {
    background-color: #cf0c67;
}
.btn:active,
a.btn:active,
button:active,
input[type="submit"]:active,
button.active {
    background-color: #ae0954;
}
.btn-secondary {
    background-color: rgba(0,0,0,0.0);
    border-color: #4a4a4a;
    color: #f5f5f5;
}
.btn-secondary:hover {
    background-color: rgba(0,0,0,0.15);
    border-color: #4a4a4a;
    color: #fff;
}
.btn-secondary:active {
    background-color: rgba(0,0,0,0.1);
    border-color: #3a3a3a;
    color: #fff;
}
/*---------------------------------------------------------------------------------- media queries */
@media (max-width: 479px) {
    /* MOBILE --only-mobile */
    .prev-next a,
    .prev-next a:hover,
    .prev-next a:active,
    .prev_link--disabled,
    .next_link--disabled {
        background-color: transparent;
    }
}