/*
Theme Name: AASound GeneratePress
Description: Customizations for aasound.net
Author: Southwest Cyberport
Template: generatepress
Version: 1.3
*/

/* ------------------------------------------
   Overall page appearance
   ------------------------------------------ */

body {
    background-color: #111111;
    color: #e5e5e5;
}

#page,
.site,
.site-content,
.content-area,
.site-main,
.inside-article,
.separate-containers .inside-article,
.one-container .site-content,
.sidebar .widget,
.sidebar .widget .inside-widget {
    background-color: #181818;
    color: #e5e5e5;
}

/* Body text */

.entry-content,
.entry-content p,
.entry-content li,
.entry-summary,
.widget,
.widget p,
.widget li {
    color: #e5e5e5;
}

/* Headings */

.entry-title,
.entry-title a,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.widget-title {
    color: #f2f2f2;
}

/* Links */

.entry-content a,
.widget a {
    color: #e09090;
}

.entry-content a:hover,
.widget a:hover {
    color: #ffaaaa;
}

/* ------------------------------------------
   Header: red stripe and textured gradient
   ------------------------------------------ */

.site-header {
    border-top: 7px solid #9b2020;
    background-color: #161616;

    background-image:
        repeating-linear-gradient(
            0deg,
            transparent 0px,
            rgba(255,255,255,0.018) 1px,
            transparent 2px,
            transparent 4px
        ),
        repeating-linear-gradient(
            90deg,
            transparent 0px,
            rgba(255,255,255,0.012) 1px,
            transparent 2px,
            transparent 5px
        ),
        linear-gradient(
            to bottom,
            #505050 0%,
            #303030 35%,
            #111111 100%
        );

    text-align: center;
}

.site-header .inside-header {
    padding: 25px 20px 15px;
}

/* Company name and tagline */

.site-header .site-branding {
    width: 100%;
    text-align: center;
}

.site-header .main-title {
    font-size: 2.5em;
    letter-spacing: 0.05em;
    line-height: 1.2;
    text-align: center;
}

.site-header .main-title a,
.site-header .main-title a:visited,
.site-header .main-title a:hover {
    color: #f4f4f4;
}

.site-header .site-description {
    color: #c9c9c9;
    text-align: center;
    margin-top: 8px;
}


/* ------------------------------------------
   Slideshow
   ------------------------------------------ */

.aasound-slider {
    display: block;
    width: 100%;
    clear: both;
    box-sizing: border-box;
    background-color: #161616;
    padding: 15px 0;
    text-align: center;
}

.aasound-slider .metaslider {
    width: 100%;
    max-width: 700px !important;
    margin: 0 auto !important;
}

.aasound-slider .metaslider img {
    max-width: 100%;
    height: auto;
}

/* ------------------------------------------
   Primary navigation
   ------------------------------------------ */

.main-navigation {
    background-color: #101010;
    border-top: 1px solid #555555;
    border-bottom: 1px solid #080808;
    width: 100%;
    clear: both;
}

.main-navigation .inside-navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-navigation #primary-menu {
    float: none;
    margin-left: auto;
    margin-right: auto;
}

.main-navigation .main-nav > ul {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
}

.main-navigation .main-nav ul li a {
    color: #dddddd;
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 10px;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a {
    background-color: #8c2020;
    color: #ffffff;
}

/* ------------------------------------------
   Sidebar
   ------------------------------------------ */

.sidebar .widget {
    background-color: #181818;
    color: #e5e5e5;
}

.sidebar .widget-title {
    color: #f2f2f2;
}

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

.site-footer,
.site-info {
    background-color: #111111;
    color: #aaaaaa;
}

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

/* ------------------------------------------
   Small screens
   ------------------------------------------ */

@media (max-width: 768px) {

    .site-title {
        font-size: 1.8em;
    }

    .site-header .inside-header {
        padding: 20px 15px;
    }

    .aasound-slider {
        padding: 10px;
    }

    .main-navigation .main-nav > ul {
        flex-wrap: wrap;
    }
}