/* CSS Document */


/* LAYOUT: MODERN */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700&display=swap');
body {
    background: none #fff !important;
    font-family: 'Open Sans';
    font-weight: 400;
    font-size: 15px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Oswald';
    font-weight: 700;
}

#wrapper {
    box-shadow: none !important;
    background-image: none;
}

#header {}

#masthead {
    padding: 1em 0;
}

#branding {}

#search {
    display: none;
}

#apw_modern #nav {
    padding: 1em 0;
    font-size: .9rem;
}

#apw_modern #nav,
#apw_modern ul.menu>li>a {
    background-color: transparent !important;
}


ul.menu,
div.menu>ul {
    text-align: right;
}

ul.menu>li>a,
ul.menu>li>a:link,
ul.menu>li>a:visited {
    text-shadow: none;
    color: #555;
}

ul.sub-menu a:link,
ul.sub-menu a:visited {
    color: #eee;
}

ul.menu li a:hover,
ul.menu li a:active,
ul.menu li.current-menu-item>a,
li.current-menu-ancestor>a,
div.menu>ul li a:hover,
div.menu>ul li a:active,
div.menu>ul li.current-menu-item>a,
li.thisSub>a {
    background-image: none !important;
    font-weight: 400;
    -webkit-transition: background-color .1s;
    transition: background-color .1s;
}
ul.menu > li.current-menu-item>a,
ul.menu > li.current-menu-ancestor>a {
    opacity: .75;
}
ul.menu > li > a:hover {
    color: #111;
}
li.menu-item-has-children a span {
    border-top-color: #333;
}

ul.sub-menu {
    right: 0;
}
ul.sub-menu li>a:hover {
    background-color: rgba(255,255,255,.2);
}

#main {}

#container {}

.page-template-homer-wide #container,
.page-template-homer #container {
    width: 100%;
    float: none;
}

#content {}

.entry-content {}

.blog-home {
    text-align: center;
}

.blog-home .home-blog {
    width: 32%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

.blog-home .home-blog .entry-image {}

.blog-home .home-blog .entry-image .image-contain {
    width: 100%;
    height: 200px;
    background-size: cover;
    background-position: top center;
}

.blog-home .home-blog .entry-image .image-contain img {}

img.wp-post-image {
    float: none;
    margin: 0;
}

.blog-home .home-blog .entry-title {}

.blog-home .home-blog .entry-content {}

#sidebar {}

.divider {
    height: 0;
    width: 90%;
    border-top: solid 1px rgba(0, 0, 0, 0.15);
    margin: 1.5em auto;
}

#footer {}


/* MOBILE - TABLET */

@media all and (max-width: 960px) {
    .page-template-homer-wide #wrapper #main #container,
    .page-template-homer #wrapper #main #container {
        width: 100%;
    }
    .blog-home .home-blog {
        width: 32%;
    }
    .blog-home .home-blog .entry-image .image-contain {
        height: 150px;
    }
    .blog-home .home-blog .entry-title {
        font-size: 1.2em;
    }
    .blog-home .home-blog .entry-content {
        font-size: .9em;
    }
    .blog-home .home-blog .entry-meta,
    .blog-home .home-blog .entry-utility {
        display: none;
    }
    #apwContact a {
        font-size: 1.2em;
    }
    #QandA h2 {
        padding: 10px 5px;
        font-weight: normal;
    }
}

@media (max-width: 768px) {
    #nav {
        padding: 0;
    }
    #masthead {
        padding: 0;
    }
}