/*
 Theme Name:   The Official Metro
 Theme URI:    
 Description:  The  version includes the official GW global footer with the university logo and institutional links, as well as our official accessibility notice. Based on the Twenty Seventeen default WordPress theme, The Metro brings your site to life with header video and immersive featured images. With a focus on business sites, it is accessible and responsive for mobile, and features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more.
 Author:       GW Marketing & Creative Services
 Author URI:   
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyseventeenchild
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

abbr[title] {
	border-bottom: 1px #003c5a dotted;
}

mark {
	color: #4a4a4a;
}

fieldset {
	border: 1px solid #9b9b9b;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text:focus {
	color: #0073aa;
}

/*--------------------------------------------------------------
3.0 Alignments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
textarea {
	color: #4a4a4a;
	font-family: 'Avenir', Arial, Helvetica, sans-serif;
}

select {
    color: #f3f3f3;
    border: 1px solid #003c5a;
    background-color: #003c5a;
}

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

h2,
.home.blog .entry-title {
	color: #003c5a;
}

h3 {
	color: #003c5a;
}

h4 {
	color: #003c5a;
}

h5 {
	color: #003c5a;
}

h6 {
	color: #003c5a;
}

blockquote {
	color: #003c5a;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #4A4A4A;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #4A4A4A;
}

button,
input[type="button"],
input[type="submit"] {
    background-color: #0073AA;
    color: #ffffff
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #008364;
	color: #ffffff;
}

button:hover:not( .mejs-container > button ),
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #A75523;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #A75523;
}
.search-submit {
    background: #0773aa;
}
.search-submit:hover,
.search-submit:focus {
    background: #A75523;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
    color: #0773aa;
    text-decoration: underline;
}

a:hover,
a:active {
    color: #A75523;
    outline: none;
}

/*
.entry-content a {
    font-size: x-large;
}

.entry-summary a {
    font-size: 16px;
}
*/

/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	text-decoration: none;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 115, 170, 1);
	box-shadow: inset 0 -1px 0 rgba(0, 115, 170, 1);
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #A75523;
	-webkit-box-shadow: inset 0 0 0 rgba(167, 85, 35, 1), 0 3px 0 rgba(167, 85, 35, 1);
	box-shadow: inset 0 0 0 rgba(167, 85, 35, 1), 0 3px 0 rgba(167, 85, 35, 1);
}

/* Fixes linked images */

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #0073AA;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	text-transform: uppercase;
}

.navigation-top a {
	color: #0073AA;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
    color: #A75523;
}

.main-navigation a:hover {
	color: #A75523;
}

/* Menu toggle */

.menu-toggle {
	color: #0073AA;
}

/* Display the menu toggle when JavaScript is available. */

/* Dropdown Toggle */

.dropdown-toggle {
	color: #0073AA;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

.site-branding .wrap {
    background: rgba(0, 60, 90, 0.7);
    padding-top: 2rem;
    padding-bottom: 2rem;
}

body:is(.title-tagline-hidden) .site-branding .wrap {
    display: none;
}

.has-header-image .custom-logo-link{
    display: inline-block;
    padding-right: 1em;
    vertical-align: middle;
    width: auto;
}
/*.has-header-image .site-branding-text {
    background-color: rgba(0, 60, 90, 0.7);
    padding: 1.55em;
}
.has-header-image .custom-logo-link{
    background-color: rgba(0, 60, 90, 0.7);
    padding: 1em;
}*/
.custom-header {
    background-color: #ffffff;
}

.custom-header a {
    color: #0073AA;
}
.custom-header a:hover,
.custom-header a:focus {
    color: #A75523;
}

/* Site branding */

.site-description {
	color: #4a4a4a;
}

/* Site branding */

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
	color: #003c5a;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #033C5A;
	font-size: 16px;
}

.entry-title a {
	color: #0073AA;
}

.entry-meta {
	color: #003c5a;
}

.entry-meta a {
	color: #0073aa;
}

.page-numbers.current {
	color: #4a4a4a;
}

.prev.page-numbers,
.next.page-numbers {
    background-color: #0073AA;
    color: #ffffff;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #A75523;
}

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #003c5a;
    font-size: 14px;
}

/* Blog landing, search, archives */

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #0073aa;
}

/* Single Post */

.page-links .page-number {
	color: #4a4a4a;
}

.page-links a .page-number {
	color: #0073aa;
}

/* Entry footer */

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #0073aa;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #033C5A;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #0073aa;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #A75523;
}

/* Post Formats */

.format-quote blockquote {
	color: #033C5A;
}

/* Post Navigation */

.nav-subtitle {
	color: #0073AA;
}

.nav-title {
	color: #0073AA;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

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

.social-navigation a {
	background-color: #0073AA;
}

.social-navigation a:hover,
.social-navigation a:focus {
    background-color: #A75523;
    color: #ffffff;
}

/* Site info */

.site-info {
	display: none;
}

/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

.comment-metadata {
	color: #4a4a4a;
}

.comment-metadata a {
	color: #0073AA;
}

.comment-metadata a.comment-edit-link {
	color: #0073AA;
}

.comment-body {
	color: #4A4A4A;
}

.comment-reply-link .icon {
	color: #0073AA;
}

.no-comments,
.comment-awaiting-moderation {
	color: #4A4A4A;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

h2.widget-title {
	color: #033C5A;
	font-size: 16px;
}

/* RSS Widget */

.widget_rss .rss-date,
.widget_rss li cite {
    color: #4A4A4A;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

.wp-caption,
.gallery-caption {
	color: #4A4A4A;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #E0E0E0;
	color: #4A4A4A;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #9b9b9b;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #E0E0E0;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	background-color: #9b9b9b;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #003c5a;
	border-color: #688a9c;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #688a9c;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #E0E0E0;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #003c5a;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #E0E0E0;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #ffd400;
	color: #033C5A;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #ffd400;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

.main-navigation li li:hover,
.main-navigation li li.focus {
	background: #A75523;
	}

.site-header .navigation-top .menu-scroll-down {
	color: #0073AA;
	}
.site-header .navigation-top .menu-scroll-down:hover,
.site-header .navigation-top .menu-scroll-down:focus {
    color: #A75523;
}
/*--------------------------------------------------------------
# Global GW Footer 
--------------------------------------------------------------*/
.gwfooter_div {
    display: inline-block;
    width: 100%;
    padding: 0 4rem;
    background-color: #0073AA;
}
    
/*  SECTIONS  */
    
.gwfooter_section {
    margin: 20px auto 20px auto;
    max-width: 1040px;
    height: 100%;
}
    
.gwfooter_div .footer-logof .logo {
    height: auto;
    width: 100px;
    vertical-align: middle;
    margin-bottom: 3rem;
}
    
.gwfooter_section, 
.gwfooter_section ul li a, 
.gwfooter_section ul li a:visited, 
.gwfooter_section label {
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    font-family: arial;
}
.gwfooter_section ul li a:active,
.gwfooter_section ul li a:hover {
    text-decoration: underline;
}
    
.gwfooter_section ul {
    list-style: none;
}
    
.gwfooter_section .row-one,
.gwfooter_section .row-two {
    position: relative;
    text-align: right;
    margin: 0px;
    float: right;
    clear: right;
}
    
.gwfooter_section .row-three p {
    float: right;
    width: 100%;
    text-align: right;
    line-height: 1.5em;
    font-size: 12px;
    font-family: Arial;
    margin-top:0px;
}
.gwfooter_section .row-three p a {
    color: #FFFFFF;
}
.gwfooter_section .row-three p a:hover,
.gwfooter_section .row-three p a:active {
    border-bottom: 1px dashed #ffffff;
}
@media (min-width: 1040px) {
    .gwfooter_section {
      display: block;
    }
    .gwfooter_div .footer-logof .logo {
      float: left;
    }
    .gwfooter_section ul {
      display: flex;
      flex-direction: row;
      white-space: nowrap;
      padding: 0;
      margin: 5px 0;
      text-align: center;
      float: right;
    }
    .gwfooter_section li {
      margin-left: 7px;
    }
    .gwfooter_section .row-three {
      float: right;
      clear: right;
      width: 50%;
      text-align: right;
      margin-top: 5px;
    }
  }
 @media (max-width: 1040px) {
    .gwfooter_section { 
      display: inline-flex;
      flex-direction: column;
      align-items: center;
    }
    .gwfooter_section ul {
          text-align: center;
          margin-bottom: 0;
          margin-left: 0;
        }
    .gwfooter_section .row-three p {
        width: 100%;
    line-height: 1.5;
    margin: auto;
    float: none;
    text-align: center;
    }
    .gwfooter_section ul {
        padding: 0;
    }
    .gwfooter_section li {
        margin: 6px 0;
    }
    .gwfooter_div .footer-logof .logo {
        margin-left: 0;
        margin-bottom:1rem;
    }
    
      }
@media screen and (min-width: 48em) {
.site-content-contain .site-content .wrap, .entry-header, .entry-content {
    max-width: 1080px;
    }
body.page-two-column:not(.archive) #primary .entry-header,
body:not(.has-sidebar):not(.page-one-column) .page-header {
    float: left;
    width: 30%;
}

body.page-two-column:not(.archive) #primary .entry-content,
.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article {
    float: right;
    width: 70%;
}
}