@charset "UTF-8";
/*
Theme Name: Gateway
Theme URI: https://rescuethemes.com/wordpress-themes/gateway
Author: Rescue Themes
Author URI: https://rescuethemes.com
Description: Gateway incorporates elegant style with user friendly customizer options making it perfectly suited for a variety of WordPress users. Further instructions within the readme.txt file.
Version: 1.2.31
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gateway
Tags: light, white, three-columns, responsive-layout, featured-images, theme-options, custom-colors, threaded-comments, translation-ready, right-sidebar, full-width-template, sticky-post, custom-header, custom-background

Gateway WordPress Theme, Copyright 2015 Rescue Themes
Gateway is distributed under the terms of the GNU GPL

Gateway is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

1.0 Defaults
2.0 Alignments
3.0 Accessibility
4.0 Infinite Scroll (removed)
5.0 Media
6.0 Header
	6.1 Navigation
7.0 Home
	7.1 Home Hero
	7.2 Home Posts
	7.3 Home Content
8.0 Forms
9.0 Content
	9.1 Posts
	9.2 Blog Page
	9.3 404 Page
	9.4 Archive Page
	9.5 Full Width
	9.6 Contact Page
10.0 Comments
11.0 Widgets
12.0 Footer

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Defaults
--------------------------------------------------------------*/
a {
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

blockquote {
    background-color: #fafafa;
    border-left: 8px solid #bbbbbb;
    color: #555555;
    padding: 0.5rem 1.25rem 0.5rem 1.1875rem;
}

blockquote p {
    color: #555555;
    margin: 0;
}

blockquote cite {
    margin-top: 1em;
}

.vcard {
    border: none;
    margin: 0 0;
    padding: 0 0;
}

pre {
    background-color: #efefef;
    line-height: 2;
    padding: 2em;
}

/*--------------------------------------------------------------
2.0 Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

/*--------------------------------------------------------------
3.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}

.screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus {
    background-clip: padding-box;
    background-color: #f1f1f1;
    /* stops bg color from leaking outside the border: */
    -webkit-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar */
}

/*--------------------------------------------------------------
5.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

.gallery {
    float: left;
    margin: 2.5em 0;
}

.gallery figure {
    margin: 0 0;
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
6.0 Header
--------------------------------------------------------------*/
.bg-image-header .site-branding, .home-header .site-branding {
    display: block;
    margin: 0 auto;
    padding: 2.188em 0;
    text-align: center;
}

.bg-image-header .site-branding h1 a, .home-header .site-branding h1 a {
    color: #ffffff;
}

.bg-image-header .site-branding h2, .home-header .site-branding h2 {
    color: #ffffff;
    font-size: 1em;
}

.site-header hr {
    margin: 0 0;
}

.bg-image {
    height: 210px;
    width: 100%;
}

/*--------------------------------------------------------------
6.1 Navigation
--------------------------------------------------------------*/
nav.top-bar {
    border-bottom: 1px solid #dddddd;
    line-height: 0;
    text-align: center;
}

@media only screen and (min-width: 64.063em) {
    nav.top-bar {
        min-height: 65px;
    }
}

@media only screen and (min-width: 40.063em) {
    nav.top-bar {
        min-height: 65px;
    }
}

@media only screen and (max-width: 40em) {
    nav.top-bar {
        text-align: left;
    }
}

nav.top-bar ul.title-area li.menu-icon {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

nav.top-bar .dropdown {
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    border-right: 1px solid #dddddd;
}

@media only screen and (max-width: 40em) {
    nav.top-bar .dropdown {
        border-left: none;
    }
}

@media only screen and (max-width: 40em) {
    nav.top-bar .dropdown {
        border-right: none;
    }
}

@media only screen and (max-width: 40em) {
    nav.top-bar .dropdown {
        border-bottom: none;
    }
}

nav.top-bar .sub-menu {
    border-top: 1px solid #dddddd;
}

@media only screen and (max-width: 40em) {
    nav.top-bar .sub-menu {
        border-top: none;
    }
}

nav.top-bar .sub-menu li:nth-of-type(3) ul.sub-menu {
    border-top: none;
}

.top-bar-section {
    position: relative;
}

.top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) {
    line-height: 45px;
}

section.top-bar-section {
    display: inline-block;
    min-height: 65px;
}

@media only screen and (max-width: 40em) {
    section.top-bar-section {
        display: none;
        min-height: 65px;
    }

    .top-bar.expanded .top-bar-section {
        display: block;
    }
}

section.top-bar-section ul li > a {
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.06em;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
}

section.top-bar-section .dropdown li.title h5 a {
    color: #888888;
    font-weight: bold;
}

/*--------------------------------------------------------------
7.0 Home
--------------------------------------------------------------*/
.header-bg {
    background-color: #e8554e;
}

/*--------------------------------------------------------------
7.1 Home Hero
--------------------------------------------------------------*/
.hero-widgets-wrap {
    color: #ffffff;
    padding: 5em 0;
    text-align: center;
}

@media only screen and (max-width: 40em) {
    .hero-widgets-wrap {
        margin: 1em 0;
    }
}

.hero-widgets-wrap h1.widget-title {
    color: #ffffff;
    font-size: 2.3rem;
    /*font-size: 3.375rem;*/
    font-weight: normal;
    margin-bottom: 0.5rem;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, -1px -1px #000, 1px 1px #000;
}

.hero-widgets-wrap p {
    font-size: 1.5em;
    margin: 3.5em 0;
    text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000, -1px -1px #000, 1px 1px #000;
}

@media only screen and (max-width: 40em) {
    .hero-widgets-wrap p {
        margin: 2.5em 0 3.5em 0;
    }
}

.hero-widgets-wrap .button {
    margin: 5em 0 0 0;
}

@media only screen and (max-width: 40em) {
    .hero-widgets-wrap .button {
        margin: 0 0 0 0;
    }
}

/*--------------------------------------------------------------
7.2 Home Posts
--------------------------------------------------------------*/
.home_posts_titles {
    margin-bottom: 6em;
    text-align: center;
}

.home_posts_titles h2 {
    font-size: 2.625rem;
    font-weight: normal;
}

.home_posts_titles h3 {
    color: #888888;
    display: block;
    font-size: 1rem;
    font-weight: normal;
    margin: 0 auto;
    width: 35%;
}

@media only screen and (max-width: 40em) {
    .home_posts_titles h3 {
        width: 100%;
    }
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .home_posts_titles h3 {
        width: 100%;
    }
}

.site-content hr {
    margin: 2em 0;
}

.featured-posts {
    margin: 2rem 0;
}

.featured-posts .featured-image {
    margin-bottom: 1em;
    border: 3px #cccccc solid;
 }

.featured-posts article.hentry {
    margin: 0 0;
}

@media only screen and (max-width: 40em) {
    .featured-posts article.hentry {
        margin-bottom: 3em;
    }

    .featured-posts .columns:last-child article {
        margin-bottom: 0;
    }

    .featured-posts .columns:last-child article ul {
        margin-bottom: 0;
    }
}

.featured-posts h3.entry-title {
    font-size: 1.375rem;
}

/*--------------------------------------------------------------
7.3 Home Content
--------------------------------------------------------------*/
.home-content .home-content-right {
    padding-top: 1em;
    text-align: center;
}

.home-content .home-content-right h3 {
    margin-bottom: 1em;
}

.home-content .home-content-right p {
    margin-bottom: 3em;
}

.home-content .home-content-right .button {
    text-align: center;
}

/*--------------------------------------------------------------
8.0 Forms
--------------------------------------------------------------*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {
    background-clip: padding-box;
    background-color: #eeeeee;
    border: none;
    -webkit-border-radius: 3px;
    /* stops bg color from leaking outside the border: */
    border-radius: 3px;
    box-shadow: none;
}

html input[type="button"], input[type="reset"], input[type="submit"], button[type="submit"] {
    background-clip: padding-box;
    background-color: #e8554e;
    border: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    font-size: 1rem;
    padding: 0.35em 1.5em;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button[type="submit"]:hover {
    background-color: #db251d;
}

/*--------------------------------------------------------------
9.0 Content
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

.site-content-wrap {
    background-color: #f5f5f5;
}

.site-content {
    background-color: #ffffff;
    margin: 0 auto;
    max-width: 980px;
    padding: 2em 1em 4em;
}

/*--------------------------------------------------------------
9.3 404 Page
--------------------------------------------------------------*/
.error-404 header, .error-404 .page-content p {
    text-align: center;
}

.error-404 .search-form {
    margin-top: 5em;
}

.error-404 .large-3 {
    margin-top: 5em;
}

.error-404 .large-3 h2 {
    font-size: 1.1em;
}

/*--------------------------------------------------------------
9.6 Contact Page
--------------------------------------------------------------*/
.contact-form label {
    color: #666666;
    font-size: 1.125rem;
    margin: 1.5em 0 0.25em 0 !important;
}

.contact-form label .required, .required {
    color: red;
}

.contact-form input[type="text"], .contact-form input[type="email"], .contact-form input[type="tel"] {
    height: 3em;
    max-width: 100% !important;
    width: 100% !important;
}

.contact-form input::placeholder, .contact-form textarea::placeholder {
    color: #808080;
}

.contact-form textarea {
    height: 10em !important;
    margin-bottom: 2em !important;
    width: 100% !important;
}

/*--------------------------------------------------------------
11.0 Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 1.5em;
    /* Make sure select elements fit in widgets */
}

.widget select {
    max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}

.widget-area aside {
    margin-bottom: 4.5em;
}

h1.widget-title {
    font-size: 1rem;
    margin-bottom: 2em;
}

/* Archive, Categories, pages, Meta, Comments, Posts Widget */
.widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_meta ul, .widget_recent_comments ul, .widget_recent_entries ul {
    color: #bebebe;
    list-style: none;
}

.widget_archive li:before, .widget_categories li:before, .widget_pages li:before, .widget_meta li:before, .widget_recent_comments li:before, .widget_recent_entries li:before {
    content: "";
    font-family: 'FontAwesome';
    margin: 0 15px 0 -15px;
}

/* RSS Widget */
.widget_rss ul {
    list-style: none;
    margin-left: 0;
}

.widget_rss li {
    margin-bottom: 2em;
}

.widget_rss .rssSummary {
    margin: 2em 0;
}

/* Tags Widget */
.widget_tag_cloud {
    content: "";
    display: table;
}

.widget_tag_cloud a {
    background-clip: padding-box;
    background-color: #e8554e;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 16px !important;
    font-style: italic;
    margin-bottom: 0.35em;
    /* stops bg color from leaking outside the border: */
    margin-right: 0.35em;
    padding: 0.35em 1.5em;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}

.widget_tag_cloud a:hover {
    background-color: #555555;
}

/* Recent Entries Widget  */
.widget_recent_entries .post-date {
    display: block;
    font-style: italic;
    margin-left: 15px;
}

/* Calendar Widget */
.widget_calendar table caption {
    color: #555555;
    font-size: 1.2em;
    margin-bottom: 0.75em;
}

.widget_calendar table td, .widget_calendar table tr th {
    padding-bottom: 1em;
    padding-top: 1em;
}

.widget_calendar table tr th, .widget_calendar table tr td {
    font-size: 1.1rem;
    font-weight: normal;
}

.widget_calendar table tr th {
    color: #555555;
}

.widget_calendar table tr td {
    color: #777777;
}

/*--------------------------------------------------------------
12.0 Footer
--------------------------------------------------------------*/
.site-footer {
    background-color: #303030;
    color: #aaaaaa;
}

.site-footer .footer-row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 980px;
    padding-top: 2em;
}

@media only screen and (min-width: 40.063em) {
    .site-footer .footer-row {
        flex-wrap: nowrap;
    }
}

.site-footer .footer-column {
    flex-grow: 1;
    padding: 2em 15px 0;
}

.site-footer .site-info {
    color: #555555;
    font-size: 1rem;
    font-style: italic;
}

.site-footer .widget-title {
    color: #ffffff;
    text-align: center;
}

@media only screen and (min-width: 40.063em) {
    .site-footer .widget-title {
        text-align: left;
    }
}

.site-footer .footer-contact {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.site-footer .footer-contact-row {
    display: flex;
    justify-content: center;
    min-width: 340px;
}

.site-footer .footer-contact-label {
    flex-basis: 50%;
    margin-right: 10px;
    text-align: right;
    white-space: nowrap;
}

@media only screen and (min-width: 40.063em) {
    .site-footer .footer-contact-row {
        justify-content: flex-start;
    }
}

.site-footer .footer-contact-data {
    flex-basis: 50%;
    white-space: nowrap;
}

.footer-contact-data span {
    flex-grow: 1;
}

.footer-social {
    text-align: center;
}

@media only screen and (min-width: 40.063em) {
    .site-footer .footer-contact-label {
        flex-basis: 110px;
    }

    .footer-social {
        text-align: left;
    }
}

/* .site-footer Font Awesome Icons */
.site-footer a i {
    color: #ffffff;
    font-size: 1.25rem;
    padding-left: 0.5em;
}

.site-footer a:hover i {
    color: #e8554e;
}

/* Common Content */
.entry-header {

}

.entry-title {
    margin: 0 0 1.5rem;
}

.site-main h2:first-of-type, .site-main h3:first-of-type {
    margin: 0 0 1em;
}