/*
 Theme Name:   The Official District
 Theme URI:    
 Description:  The Official version includes the official GW global footer with the university logo and institutional links. Based on the Doo theme, a beautiful two-columns accessibility ready and mobile-friendly WordPress theme. Includes a custom color palette featuring in-brand, accessible GW colors.
 Author:       The George Washington University
 Author URI:   
 Template:     doo
 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:  doochild
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# General
# Admin Messages
# Header
# Navigation
# Content
# Post
# Widget
# Comments
# Navigation
# Search
# Footer
# Slider
# Responsive
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/* body */

body {
  background-color: #d9d0bb;
}

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

button {
color: #ffffff;
}

/* links */
a {
  color: #0073aa;
  text-decoration:underline;
}

a:hover, a:focus, a:active {
  color: #a75523;
}

/* forms */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  background: #0073aa;
  color: #ffffff;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  background: #a75523;
}

select {
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  padding: 0.25em;
  color: #ffffff;
  background-color: #0073aa;
}

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

h5, h6 {
  font-weight: bold;
  text-transform: uppercase;
}

/* Quotes */
blockquote {
  color: #003c5a;
  font-size: 17.5px;
  border-left: 4px solid #003c5a;
  border-top: 1px solid #003c5a;
  border-right: 1px solid #003c5a;
  border-bottom: 1px solid #003c5a;
  background-color: #ffffff;
}
cite {
  font-size: 14px;
}
figcaption {
  text-align: center;
  font-style: italic;
  font-size: 12px;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

/*site-header*/
.site-header{
  border-top: 5px solid #003c5a;
}

.site-title{
  columns: #4a4a4a;
}

.site-title a{
  color:#003c5a;
  text-decoration: none;
}

.site-title a:hover,
.site-title a:focus,
.site-title a:active{
  color:#a75523;
  text-decoration: underline;
}

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

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

.main-navigation .menu >li >a{
  color:#0073aa;
}

.main-navigation .menu >li >a:hover,
.main-navigation .menu >li >a:focus{
  color:#a75523;
  text-decoration:underline;
}

.main-navigation .menu >li ul li a{
  color:#0073aa;
  font-weight: bold;
}

.main-navigation .menu >li ul li a:hover,
.main-navigation .menu >li ul li a:focus{
  color:#a75523;
  text-decoration:underline;
}

/* menu-toggle */
.menu-toggle{
  color: #0773aa;
}

/* responsive-nav */
.responsive-nav >li a{
  display: block;
  padding: 10px 15px;
  color: #0073aa;
}

.responsive-nav >li a:hover,
.responsive-nav >li a:focus{
  background: none;
  color: #a75523;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.about-author-name a{
  color: #0073aa;
}

.about-author-name a:hover{
  color: #a75523;
}

.about-author-name span{
  color: #4a4a4a;
}

.about-author-link{
  color: #0073aa;
}

/*--------------------------------------------------------------
# Post
--------------------------------------------------------------*/

/*post*/
.entry-header,
.entry-title{
  color:#033c5a;
}

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

.entry-title a:hover,
.entry-title a:focus {
  color:#a75523;
}

.sticky .entry-title {
  color: #033c5a;
}

.sticky .entry-title a {
  color:#0073aa;
}
.sticky .entry-title a:hover,
.sticky .entry-title a:focus {
  color: #a75523;
}
.entry-footer a{
  background:#033c5a;
  color:#ffffff;
  text-decoration: none;
}
.entry-footer a:hover,
.entry-footer a:focus{
  text-decoration: 1px dashed #ffffff;
  background:#a75523;
  color:#ffffff;
}

/*--------------------------------------------------------------
# Widget
--------------------------------------------------------------*/

/*widget-area*/
.widget a{
  color:#0073aa;
}

.widget a:hover,
.widget a:focus{
  color:#a75523;
}

.widget-title{
  text-align:left;
}

.widget >ul >li{
  color:#4a4a4a;
}

.widget_tag_cloud a {
  background-color:#003c5a;
  color: #ffffff;
  border: none;
  text-decoration: none;
  font-size: 12px !important;
  text-transform: uppercase;
}

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

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/

.comment-body .fn a{
  color:#0073aa;
}

.comment-body .fn a:hover{
  color: #a75523;
}

.comment-body .comment-meta{
  color:#4a4a4a;
}

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

.comment-body .reply a{
  background:#0073aa;
  color:#ffffff;
}

.comment-body .reply a:hover,
.comment-body .reply a:focus{
  background:#a75523;
}

.comment-reply-title small a{
  color:#a75523;
}

.comment-form,
.comment-form .logged-in-as{
  color:#0073aa;
}

.comment-form .logged-in-as a{
  color:#0073aa;
}

.comment-form .logged-in-as a:hover,
.comment-form .logged-in-as a:focus{
  color:#a75523;
}

/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/

/*pagination*/
.pagination .nav-links,
.pagination .nav-links span,
.pagination .nav-links a{
  border: 1px solid #f3f3f3;
  color: #4a4a4a;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus{
  background:#a75523;
}

.pagination .nav-links .current{
  background:#a75523;
}
/*#next .page-numbers {
  alt: Next page;
}*/

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

/*site-footer*/
.site-footer {
  text-align:center;
}
.site-info {
  font-size:13px;
  line-height:1.2;
  letter-spacing: 1px;
  padding:80px 50px 50px;
  color:#4a4a4a;
}
.site-info a {
  color:#0773aa;
}
.site-info a:hover,
.site-info a:focus {
  color:#a75523;
}
.site-info-nav {
  width: 40%;
  float: right;
  text-align: right;
}
.site-info-nav >div {
  padding: 0 0 10px;
}
.site-info-nav >div:last-child {
  padding: 0;
}
.site-info-social >a {
  padding: 0 10px 0 0;
}
.site-info-social >a:last-child {
  padding: 0;
}
.site-info-social a i {
  font-size: 14px;
}

.site-info-menu .footer-menu {
  margin: 0;
  padding: 0;
}
.site-info-menu .footer-menu >li {
  display: inline-block;
  margin: 0;
  padding: 0 10px 0 0;
}
.site-info-menu .footer-menu >li:last-child {
  padding: 0;
}
.site-info-menu .footer-menu >li >ul {
  display: none;
  margin: 0;
  padding: 0;
}

.site-info-copyright {
  display: none;
}
.have-site-info-nav {
  text-align: left;
  width: 60%;
  float: left;
  padding: 0 20px 0 0;
}

#back_top {
  bottom: 20px;
  cursor: pointer;
  height: 40px;
  position: fixed;
  right: 20px;
  text-align: center;
  width: 40px;
  z-index: 100;
  background: #033c5a;
  padding: 0;
  filter: alpha(opacity=100);
  opacity: 1;
  display: none;

  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#back_top i {
  line-height: 40px;
  font-size: 20px;
  color: #ffffff;
}
#back_top.visible-button{
  display: block;
}
#back_top:hover,
#back_top:focus{
  background: #a75523;
}

/*--------------------------------------------------------------
# Global GW Footer 
--------------------------------------------------------------*/
.gwfooter_div {
  display: inline-block;
  width: 100%;
  padding: 0 4rem;
  margin-bottom: -7px;
  background-color: #033c5a;
}
  
/*  SECTIONS  */
  
.gwfooter_section {
  margin: 20px auto 20px auto;
  max-width: 940px;
  height: 100%;
}
  
.gwfooter_div .footer-logof .logo {
  height: auto;
  width: 99px;
  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, 
.gwfooter_section ul li a:visited{
  border-bottom:1px solid #fff;
}
.gwfooter_section ul li a:active,
.gwfooter_section ul li a:hover {
  text-decoration: none;
  border-bottom:1px dashed #fff;
}
  
.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:0;
}
.gwfooter_section .row-three p a {
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 1px solid white;
}
.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: 10px;
  }
  .admin-message-holder .admin-message-footer-bar-holder .admin-message-bar-floating {
    width: 1000px;
  }

@media (max-width: 1040px) {
  .gwfooter_section { 
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }
  .gwfooter_section .row-one,
  .gwfooter_section .row-two,
  .gwfooter_section .row-three {
  text-align: center;
}
  .gwfooter_section ul {
        margin:0;
        padding:0
      }
  .gwfooter_section .row-three p {
  width: 100%;
  line-height: 1.5;
  margin: auto;
  float: none;
  }
  .gwfooter_section ul li {
    margin: 6px 0;
  }
  .gwfooter_div .footer-logof .logo {
      margin-left: 0;
      margin-bottom:1rem;
  }
}