/*
	Theme Name: Aspen Words
	Theme URI: https://www.footstepsmarketing.com
	Version: 1.0.0
	Author: Jon Childs

	License: MIT
	License URI: https://opensource.org/licenses/mit-license.php

*/
/*========================================================*/
/*========================================================*/
/*

Colors:
Blue: #2e7d99
Darker Blue: #174a5e
Gray: #39393c
Light Gray: #afb1b4
Darker Light Gray: #7f8184

*/
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:200,300,400,500,600,700,900);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,700,300,200);

* {
    position: relative;
    margin: 0;
    padding: 0;
    z-index: inherit;
    zoom: 1;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    background: #fff;
    font-family: 'Raleway', 'Helvetica Neue', 'Arial', serif;
    font-size: medium;
    font-weight: 300;
    color: #666;
    z-index: 0;
}

/*========================================================*/
/*====DEFAULT STYLES====*/
/*========================================================*/
h1, h2, h3, h4 {
    font-weight: 300;
    line-height: 1.4;
    font-family: 'Raleway';
    font-weight: 200;
}

h1 {
    font-size: 24px;
    margin: 0 0 0.2em 0;
    color: #2e7d99;
    font-weight: 600;
}

h2 {
    font-size: 20px;
    margin: 0 0 0.1em 0;
    color: #666;
    font-weight: 700;
}

h3 {
    font-size: 18px;
    color: #666;
}

h4 {
    font-size: 17px;
    font-weight: 400;
}

small {
    font-size: 0.6em;
}

p, ol, ul {
    margin: 0 0 1em 0;
}

li {
    margin: 0 0 0.4em 1.5em;
}

p, span, li, .content, .text {
    line-height: 1.6;
}

hr {
    display: block;
    clear: both;
    height: 2px;
    background: #aaa;
    margin: 0 auto 0.6em;
    border: none;
}

td {
    vertical-align: top;
}

td img {
    max-width: none;
}

img, iframe {
    max-height: auto;
    max-width: 100%;
}

img {
    border: none;
}

a[href=""]:hover {
    cursor: default;
}

nav ul, nav li {
    list-style: none;
    margin: 0;
}

nav li {
    list-style: none;
    float: left;
}

nav li a {
    display: block;
    text-decoration: none;
    line-height: 1.4;
}

body.inner iframe {
    border: solid 1px #ccc;
}

/*========================================================*/
/*====CUSTOM STYLES====*/
/*========================================================*/
a {
    color: #2e7d99;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

img.alignleft {
    float: left;
    margin: 0 12px 6px 0;
}

img.alignright {
    float: right;
    margin: 0 0 6px 12px;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

/*========================================================*/
/*====SPECIFIC CLASSES====*/
/*========================================================*/
.hidden {
    display: none;
}

.extend {
    width: 110%
}

.home .row {
    margin-bottom: 15px;
}

.center {
    text-align: center;
}

.clear {
    clear: both;
}

.clear:after {
    content: '';
    display: block;
    height: 0;
    clear: both;
}

img.left {
    float: left;
    margin: 0 10px 4px 0;
}

img.right {
    float: right;
    margin: 0 10px 4px 0;
}

.button {
    background: #2e7d99;
    color: #fff;
    line-height: 2;
    padding: 0 0.5em;
    border-bottom: solid 2px #174a5e;
    text-decoration: none;
    text-align: center;
    text-shadow: 0 1px 1px #222;
    transition: background 200ms;
}

.button:hover {
    background: #174a5e;
    text-decoration: none;
}

.button.full {
    display: block;
}

a.no-dec,
a.no-dec:hover,
.no-dec a,
.no-dec a:hover,
a.image,
a.image:hover,
.images a,
.images a:hover {
    text-decoration: none;
}

a.hover-dec:hover,
.hover-dec a:hover {
    text-decoration: underline;
}

div.gray {
    background: #fdfdfd;
    border: solid 1px #eee;
}

.widget_facebook_likebox iframe {
    min-width: 100%;
}

/*---- fonts ----*/
.akzidenz {
    font-family: "akzidenz-grotesk-extended";
}

header .akzidenz {
    float: left;
    padding: 0 0 0 60px;
}

.akzidenz a {
    color: #666;
    font-size: 1.5em;
    transition: color 1000ms;
}

header .akzidenz a {
    color: #666;
    font-size: 1.7em;
    transition: color 1000ms;
}

.akzidenz a span {
    color: #5A93AC;
    font-weight: 500;
    transition: color 1000ms;
}

.akzidenz a:hover {
    color: #5A93AC;
    /*font-weight: 500;*/
}

.akzidenz a:hover span {
    /*font-weight: 300;*/
    color: #5A93AC;
    color: #999;
}

.promo .akzidenz a:hover {
    font-weight: 500;
}

.promo .akzidenz a:hover span {
    font-weight: 300;
    color: #666;
}

/*==== ARTICLES ====*/
article {
    clear: both;
}

article a.thumbnail {
    z-index: 99;
}

article a.thumbnail img {
    float: left;
    margin: 0 0.5em 0.2em 0;
}

/*====HOME VS INNER====*/
.hide-inner {
    display: none;
}

body.home .hide-home {
    display: none;
}

body.home .hide-inner {
    display: block;
}

header .logo {
    float: left;
}

/*========================================================*/
/*====NOTICE====*/
/*========================================================*/
#notice {
    background: #2e7d99;
	color: #fff;
    padding: 1rem;
    text-align: center;
}

#notice p {
    margin-bottom: 0;
}

/*========================================================*/
/*====MAIN====*/
/*========================================================*/
main {
    margin-bottom: 15px;
}

/*========================================================*/
/*====HEADER====*/
/*========================================================*/
header {
    z-index: 9;
    padding: 15px 0 0 0;
    text-align: center;
    /*background: #261F12;*/
}

header .logo {
    max-width: 100%;
}

header .logo img {
    /*width: 150px;*/
}

header .search {
    text-align: right;
    clear: both;
    overflow: hidden;
}

header form.search {
    float: right;
    padding: 4px;
    border: solid 1px #eee;
}

header form.search input[type="search"] {
    border: none;
    color: #666;
}

header form.search input[type="submit"] {
    background: url('images/utils/bg-search.png') no-repeat 0 0 /contain;
    display: inline-block;
    width: 20px;
    height: 20px;
    border: none;
    text-indent: -99px;
    overflow: hidden;
}

/*========================================================*/
/*====FOOTER====*/
/*========================================================*/
footer {
    padding: 2em 0 1em;
    text-align: center;
    font-size: small;
    font-weight: 6000;
}

footer .copyright {
    display: block;
}

/*========================================================*/
/*====ASIDE====*/
/*========================================================*/
aside {
    padding: 15px;
    border-left: solid 1px #ccc;
}

aside .display-posts-listing .listing-item img {
    float: none;
    /*display: block;*/
    max-width: 100%;
}

aside .display-posts-listing .listing-item a.title {
    display: block;
}

/*====POSTS====*/
article.post,
.display-posts-listing .listing-item {
    clear: both;
    border-bottom: solid 1px #eee;
    overflow: hidden;
    margin: 0 0 1.5em;
}

article.post .thumbnail img,
.display-posts-listing .listing-item img {
    float: left;
    max-width: 100px;
    margin: 0 12px 6px 0;
}

article.post a.thumbnail {
    float: left;
}

article.post .excerpt {
    display: block;
    overflow: hidden;
}

/*========================================================*/
/*====BLOCKS====*/
/*========================================================*/
/*====SOCIAL TABS====*/
#text-10:before {
    content: 'Connect on Social';
    display: block;
    font-size: 18px;
    line-height: 1.4;
    font-family: 'Raleway';
    font-weight: 400;
    background: #afb1b4;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}

.block {
    margin-bottom: 15px;
}

.block h3 {
    background: #afb1b4;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0.8em;
}

.block h3>a {
    color: #fff;
    text-shadow: none;
    text-decoration: none;
}

.home .promo {
    padding: 80px 0 0 0;
}

.home .promo a {
    display: block;
    transition: padding 300ms, color 2000ms;
}

.home .promo a img {
    width: 230px;
    margin-bottom: 28px;
}

.home .promo a:hover {
    padding-left: 20px;
}

.email-signup {
    background: #2e7d99;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 0.8em 0;
    padding: 8px;
}

.home .email-signup,
.page-template-template-shared-words-full-width-php .email-signup {
    font-size: 20px;
    margin: 50px 0 0.8em 0;
}

@media (max-width: 991px) {
    .email-signup {
        margin: 0;
    }
}

.email-signup,
.email-signup form {
    font-size: small;
    line-height: 1.2;
}

.email-signup form {
    display: inline-block;
    margin: 0 0 -8px 6px;
}

.email-signup form input[type="submit"] {
    right: -10px;
}

/*========================================================*/
/*====NAVIGATION====*/
/*========================================================*/
nav.main {
    font-size: 1.1em;
    float: left;
    /*margin: 47px 0 0 0;*/
}

body.home nav.main {
    float: none;
    text-align: center;
    margin: 0;
}

nav.main li {
    float: none;
    display: inline-block;
}

nav.main li a {
    display: block;
    line-height: 2;
    padding: 0 0.8em;
    color: #afb1b4;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 100ms;
}

body.home nav.main li a {
    padding: 0 30px;
}

nav.main li a:before,
main nav li a:before,
footer nav li a:before {
    content: '[';
}

nav.main li a:after,
main nav li a:after,
footer nav li a:after {
    content: ']';
}

nav.main li li a:after,
nav.main li li a:before {
    content: '';
}

nav.main li:hover>a,
nav.main li.current-menu-item>a,
nav.main li.current-menu-ancestor>a {
    /*background: #666;*/
    color: #7f8184;
    /*text-shadow: 0 1px 1px #444;*/
}

nav.main li ul {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 290px;
    background: #fcfcfc;
    box-shadow: 0 3px 3px #666;
    text-align: left;
}

nav.main li:hover>ul {
    display: block;
}

nav.main li li {
    float: none;
    display: block;
}

nav.main li li a,
body.home nav.main li li a {
    display: block;
    font-size: 0.9em;
    line-height: 1.6;
    padding: 0 0.2em 0 0.5em;
}

nav.main li li ul {
    left: 100%;
    top: 0;
}

/*====MOBILE MENU PULLDOWN====*/
#mobile-menu {
    display: none;
    background: url("images/utils/white-mobile-nav-icon-x32.png") no-repeat center #2e7d99;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    clear: both;
}

/*====PAGE NAVS====*/
main nav {
    background: #fcfcfc;
    border: solid 1px #eee;
    padding: 0.5em;
    overflow: hidden;
}

main nav li a {
    color: #555;
    margin: 0 1em 0 0;
    text-transform: uppercase;
    font-size: 0.9em;
}

/*====FOOTER NAV====*/
footer nav {
    font-size: 1em;
}

footer nav li {
    display: inline-block;
    float: none;
}

footer nav li a {
    color: #afb1b4;
    padding: 0;
    margin: 0 1em 0 0;
    font-size: medium;
    font-weight: 400;
    text-decoration: underline;
}

footer nav li ul {
    display: none;
}

/*=====FLEX SLIDER====*/
.metaslider .flex-direction-nav {
    position: absolute;
    top: 50%;
    display: block;
    width: 100%;
    height: 44px;
    margin: -44px 0 0 0;
}

.metaslider .flex-direction-nav a {
    /*
	background: #000;
	background: -moz-linear-gradient(top,  #000 0%, #212121 48%, #888 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(48%,#212121), color-stop(100%,#888));
	background: -webkit-linear-gradient(top,  #000 0%,#212121 48%,#888 100%);
	background: -o-linear-gradient(top,  #000 0%,#212121 48%,#888 100%);
	background: -ms-linear-gradient(top,  #000 0%,#212121 48%,#888 100%);
	background: linear-gradient(to bottom,  #000 0%,#212121 48%,#888 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#888',GradientType=0 );
	*/
    position: relative;
    display: block;
    width: 27px;
    height: 44px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-indent: -999px;
    line-height: 25px;
    border-radius: 2px;
    opacity: 1;
    overflow: hidden;
}

.metaslider .flex-direction-nav a:hover {
    text-decoration: none;
}

.metaslider .flexslider:hover .flex-prev,
.metaslider .flexslider:hover .flex-next {
    left: 0;
    right: 0;
    opacity: 1;
}

.metaslider .flex-direction-nav .flex-prev {
    background: url('/wp-content/themes/aspen-writers/images/utils/arrow-left-27x44.png') no-repeat;
    float: left;
}

.metaslider .flex-direction-nav .flex-next {
    background: url('/wp-content/themes/aspen-writers/images/utils/arrow-right-27x44.png') no-repeat;
    float: right;
}

/*==== VENDOR SPECIFIC STYLES ====*/
/*---- Video Plugin ----*/
.ul-YoutubeGallery {
    margin: 0 -15px;
    padding: 0;
}

.ul-YoutubeGallery li.li-YoutubeGallery {
    margin: 0 0 15px !important;
    padding: 0 15px;
    width: 33.33% !important;
}

.ul-YoutubeGallery li.li-YoutubeGallery:nth-child(3n + 1) {
    clear: left;
}

article .ul-YoutubeGallery li blockquote.blockquote-YoutubeGallery {
    font-size: small;
}

@media (max-width: 1199px) {
    .ul-YoutubeGallery li.li-YoutubeGallery {
        width: 50% !important;
    }

    .ul-YoutubeGallery li.li-YoutubeGallery:nth-child(3n + 1) {
        clear: none;
    }

    .ul-YoutubeGallery li.li-YoutubeGallery:nth-child(odd) {
        clear: left;
    }
}

@media (max-width: 767px) {
    .ul-YoutubeGallery li.li-YoutubeGallery {
        width: 100% !important;
    }
}

/*---- Thumbnail Slider ---*/
.bx-wrapper .bx-caption span {
    line-height: 1.2 !important;
    padding: 4px 8px !important;
}

/*========================================================*/
/*====RESPONSIVE====*/
/*========================================================*/
@media (max-width: 1199px) {
    .hide-lg {
        display: none !important;
    }

    body.home nav.main li a {
        padding: 0 16px;
    }

    nav.main {
        text-align: left;
    }

    nav.main {
        float: none;
        clear: both;
        margin: 0;
    }
}

@media (max-width: 991px) {
    .hide-md {
        display: none !important;
    }

    table {
        width: 100%;
        max-width: 100%;
        table-layout: fixed;
    }

    table td {
        float: left;
        clear: left;
        width: 100%;
    }

    .home .promo {
        padding-top: 0;
    }

    .dc-social {
        display: none;
    }

    /*----NAV----*/
    #mobile-menu {
        display: block;
    }

    nav.main {
        display: none;
        margin: 0 -15px;
    }

    #mobile-menu {
        display: block;
    }

    nav.main {
        display: none;
    }

    nav.main li {
        float: none;
        display: block;
    }

    nav.main li>a {
        padding: 0 0 0 1em;
        line-height: 1.4;
        transition: none;
    }

    nav.main li ul {
        display: none;
        background: none;
        position: relative;
        top: auto;
        left: auto;
        color: #fff;
        width: auto;
        box-shadow: none;
        padding: 0 0 0 1em;
    }

    nav.main li:hover>ul {
        display: none;
    }

    nav.main li li {
        border-left: solid 1px #666;
    }

    nav.main li li ul {
        left: auto;
    }

    nav.main li li>a {
        font-size: 0.9em;
        /*color: #fff;*/
        line-height: 1.4;
    }

    footer nav {
        width: 100%;
        clear: both;
    }
}

@media (max-width: 767px) {
    .hide-sm {
        display: none !important;
    }

    footer nav {
        clear: both;
        width: 100%;
    }
}

/*========================================================*/
/*====EXCEPTIONS====*/
/*========================================================*/
.wpl_plisting_top_sidebar_container {
    display: none;
}

/*========================================================*/
/*====EMMA SIGNUP FORM====*/
/*========================================================*/
.email-signup #e2ma_signup_image_container,
.email-signup #e2ma_signup_message,
.email-signup .e2ma_signup_form_label,
.email-signup .e2ma_signup_form_required_footnote,
.email-signup #e2ma_signup_reset_button {
    display: none;
}

.email-signup .e2ma_signup_form,
.email-signup .e2ma_signup_form_container,
.email-signup .e2ma_signup_form_row,
.email-signup .e2ma_signup_form_button_row {
    display: inline-block;
    vertical-align: middle;
}

.email-signup .e2ma_signup_form {
    margin-top: -6px;
}