/* ---------------------- 
Stylesheet Guide
-------------------------

GENERAL
PAGE STRUCTURE
HEADER
SIDEBAR
MENUS
SLIDER & VIDEO BACKGROUNDS
SLIDER NAVIGATION
SLICK CAROUSEL
PORTFOLIO
BLOG
FORMS
SITEORIGIN
FOOTER
TABS
ACCORDION

*/
/* ================= GENERAL ================== */

body {
    background-color: #16171D;
    color: #aaa;
}

#direwolf_features_warning {
    background: #16171D;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #fff;
}

p {
    color: #aaa;
}

a {
    color: #fff;
}

blockquote {
    background-color: #363635;
}

blockquote p {
    color: #fff;
}

hr {
    background: #363635;
}

.backstretch {
    background-color: #363635;
}

/* ================= PAGE STRUCTURE ================== */

#direwolf-loading-overlay, #page-container {
    background-color: #16171D;
}

.direwolf-page-title h1:before,
.direwolf-page-title h1:after {
    background-color: #363635;
}


/* ================= HEADER ================== */

#header-icon-container,#header-icon-container2 {
    background-color: #16171D;
}

#header-bg,
#header2 {
    background-color: #363635;
}

#header-icon-container,
#header-icon-container2,
#header-icon-container:hover,
#header-icon-container2:hover,
.direwolf-sidebar-icon span {
    color: #fff;
}


/* ================= SIDEBAR ================== */

#direwolf-overlay {
    background-color: rgba(54, 54, 53, 0.7);
}

#direwolf-sidebar {
    background-color: #16171D;
}

.direwolf-sidebar-close span {
    color: #16171D;
    background-color:#363635;
}

.direwolf-social-icons li a {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dwportfolio-list li a,
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_recent_comments ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_archive ul li a,
.widget_recent-posts ul li a,
.widget_rss ul li a,
.widget_nav_menu div ul li a,
#recentcomments a {
    color: #aaa;
}

.dwportfolio-list li:hover a,
.widget_recent_entries ul li:hover a,
.widget_categories ul li:hover a,
.widget_recent_comments ul li:hover a,
.widget_pages ul li:hover a,
.widget_meta ul li:hover a,
.widget_archive ul li:hover a,
.widget_archives ul li:hover a,
.widget_recent-posts ul li:hover a,
.widget_rss ul li:hover a,
.recentcomments:hover a {
    color: #fff;
}

.dwportfolio-list li:after,
.widget_recent_entries ul li:after,
.widget_categories ul li:after,
.widget_recent_comments ul li:after,
.widget_pages ul li:after,
.widget_meta ul li:after,
.widget_archive ul li:after,
.widget_archives ul li:after,
.widget_recent-posts ul li:after,
.widget_rss ul li:after,
.recentcomments:after {
    color: #aaa;
}

.dwportfolio-list li:hover:after,
.dwportfolio-list li:focus:after,
.dwportfolio-list li:active:after,
.widget_recent_entries ul li:hover:after,
.widget_recent_entries ul li:focus:after,
.widget_recent_entries ul li:active:after,
.widget_categories ul li:hover:after,
.widget_categories ul li:focus:after,
.widget_categories ul li:active:after,
.widget_recent_comments ul li:hover:after,
.widget_recent_comments ul li:focus:after,
.widget_recent_comments ul li:active:after,
.widget_pages ul li:hover:after,
.widget_pages ul li:focus:after,
.widget_pages ul li:active:after,
.widget_meta ul li:hover:after,
.widget_meta ul li:focus:after,
.widget_meta ul li:active:after,
.widget_archive ul li:hover:after,
.widget_archive ul li:focus:after,
.widget_archive ul li:active:after,
.widget_archives ul li:hover:after,
.widget_archives ul li:focus:after,
.widget_archives ul li:active:after,
.widget_recent-posts ul li:hover:after,
.widget_recent-posts ul li:focus:after,
.widget_recent-posts ul li:active:after,
.widget_rss ul li:hover:after,
.widget_rss ul li:focus:after,
.widget_rss ul li:active:after,
.recentcomments:hover:after,
.recentcomments:focus:after,
.recentcomments:active:after {
    color: #fff;
}

.dwportfolio-list li,
.widget_recent_entries ul li,
.widget_categories ul li,
.widget_recent_comments ul li,
.widget_pages ul li,
.widget_meta ul li,
.widget_archive ul li,
.widget_archives ul li,
.widget_recent-posts ul li,
.widget_rss ul li,
.recentcomments {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dwportfolio-list,
.widget_recent_entries ul,
.widget_categories ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_archive ul,
.widget_archives ul,
.widget_recent-posts ul,
.widget_rss ul,
#recentcomments {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors,
input[type="file"] {
    background-color: rgba(255, 255, 255, 0.1);
}

#wp-calendar {
    border: 1px solid #363635;
}

#wp-calendar thead {
    border-bottom: 1px solid #363635;
}

.tagcloud a,
a[class^="tag"] {
    color: #aaa;
    border: 3px solid rgba(255, 255, 255, 0.1);
}

.tagcloud a:hover,
a[class^="tag"]:hover {
    color: #fff;
    border: 3px solid #fff;
}


/* ================= MENUS ================== */

.widget_nav_menu div ul li a {
    color: #aaa;
}

.widget_nav_menu div ul li a:hover {
    color: #fff;
}

.widget_nav_menu div ul ul a {
    color: #aaa;
}

.widget_nav_menu div ul ul {
    border-left: 3px solid rgba(255,255,255,0.1);
}

.widget_nav_menu div ul > li > a.cvdropdown2 {
    color: #fff;
}

.cv-submenu ul li a {
    color: #fff;
}

/* ================= SLIDER & VIDEO BACKGROUNDS ================== */

#direwolf-fullscreen-video,#direwolf-fullscreen-slider-container,#direwolf-fullwidth-slider-container {
    background-color: #363635;
}


/* ================= SLIDER NAVIGATION ================== */

#direwolf-slider-nav ul li a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #16171D;
}

#direwolf-fullwidth-nav ul li a {
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    background-color: #16171D;
}


/* ================= SLICK CAROUSEL ================== */

.slick-prev:before,
.slick-next:before {
    color: #fff;
}

.slick-dots li button:before {
    color: #fff;
}

.slick-dots li.slick-active button:before {
    color: #fff;
}

#direwolf-slick-container {
    background-color: #363635;
}


/* ================= PORTFOLIO ================== */

div.direwolf-portfolio-grid {
    color: #fff;
    background-color: #16171D;
}

div.direwolf-portfolio-grid a h2,div.direwolf-portfolio-grid a h3,div.direwolf-portfolio-grid a h4,div.direwolf-portfolio-grid a h5 {
    color: #fff;
}

div.direwolf-portfolio-grid .direwolf-item-desc div:before,
div.direwolf-portfolio-grid .direwolf-item-desc div:after {
    background-color: #fff;
}


/* ================= BLOG ================== */

.direwolf-post-content {
    background-color: #363635;
}

.direwolf-post-img {
    border: 3px solid #363635;
}

.direwolf-post-content h3 a,
.direwolf-post-content h3 a:hover {
    color: #fff;
}

.postdate a,
.postdate a:hover {
    color: #aaa;
}

.direwolf-readmore-button {
    border: 3px solid rgba(255, 255, 255, 0.1);
    color: #fff;
}

.direwolf-readmore-button:hover {
    color: #fff;
}

.comments_content,
.blogmetadata {
    background-color: #363635;
}

.comments_content:before {
    border-bottom-color: #363635 !important;
}

.reply:before,
.meta a {
    color: #aaa;
}

.blogmetadata a {
    color: #aaa;
}

.blogmetadata a:hover {
    color: #fff;
}


/* ================= FORMS ================== */

input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="password"],
input[type="url"],
input[type="tel"],
textarea {
    background-color: #16171D;
    border: 3px solid #363635;
    color: #aaa;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
textarea:focus {
    background-color: #363635;
    color: #fff;
}

.button,
input[type="submit"] {
    background-color: #363635;
    color: #fff;
}

input[type="file"]::-webkit-file-upload-button {
    background-color: #363635;
    color: #fff;
}

input[type="submit"]:hover {
    color: #fff;
}

input[type="file"]::-webkit-file-upload-button:hover {
    color: #fff;
}

input[type="submit"]:hover,.button:hover,
input[type="submit"]:focus,.button:focus,
input[type="submit"]:active,.button:active {
    color: #fff;
}

input[type="file"]::-webkit-file-upload-button:hover,
input[type="file"]::-webkit-file-upload-button:focus,
input[type="file"]::-webkit-file-upload-button:active {
    color: #fff;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
    color: #fff;
}

.blogpager {
    border-top: 3px solid #363635;
}

/* ================= SITEORIGIN ================== */

li.sow-carousel-item h3 {
    color:#fff !important;
    background-color:#363635 !important;
}
div.so-widget-sow-cta h5 {
    color:#aaa;
}

/* ================= FOOTER ================== */

#footer {
    background-color: #363635;
}

#footer-info-fullwidth {
    border-top: 3px solid rgba(255, 255, 255, 0.1);
}

.direwolf-footer-icons li a {
    color: #aaa;
}

.direwolf-footer-icons li a:hover {
    color: #fff;
}

#scroll-to-top {
    background:rgba(255,255,255,0.1);
}

#scroll-to-top-mobile,#scroll-to-top-mobile:hover {
    background-color:rgba(255,255,255,0.1);
    color:#fff;
}

/* ================= TABS ================== */

.resp-tabs-list li:hover {
    background-color: #363635;
    color: #fff;
}

.resp-tabs-list li.resp-tab-active {
    background-color: #363635;
}

.resp-tabs-list li.resp-tab-active {
    color: #fff;
}

.resp-tabs-container {
    background-color: #363635;
}

.resp-tab-active {
    background-color: #363635;
}


/*-----------Vertical tabs-----------*/

.resp-vtabs .resp-tabs-list li:hover {
    background-color: #363635;
    color: #fff;
}

.resp-vtabs .resp-tabs-list li.resp-tab-active {
    background-color: #363635;
}

h2.resp-tab-active {
    background-color: #363635;
}

@media only screen and (max-width: 700px) {
    .resp-tab-active {
        color: #fff;
    }
}

/* ================= ACCORDION  ================== */

.dw-accordion-header:hover {
    color: #fff;
}

.dw-active-header {
    color: #fff;
}

.dw-accordion-container {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.dw-accordion-header,
.dw-accordion-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* ================= MEDIA  ================== */
@media only screen and (max-width: 1024px) {
    #direwolf-fullwidth-nav ul {
        border-bottom:1px solid rgba(255,255,255,0.1);
    }
}
@media only screen and (max-width: 768px) {
    #header.slick-header {
        background-color: #363635;
    }
}