/*!
Theme Name:     Mason Law 2016
Theme URI:      http://www.visualgui.com
Description:    Child theme for the Twenty Sixteen theme 
Author:         Donny Truong
Author URI:     http://www.visualgui.com
Template:       twentysixteen
Version:        1
*/
@import url("../twentysixteen/style.css");
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.widget {
  border-top: none;
}

body:not(.custom-background-image):before,
body:not(.custom-background-image):after {
  height: 0;
}

.site {
  margin: 0;
}

.site-header {
  padding-top: 0;
  /*padding-bottom: 0; */
}

a, a:visited {
  color: #425195;
  text-decoration: none;
}

a:hover, a:active {
  color: #4b4b4b;
}

.header-image a:hover img,
.header-image a:focus img {
  opacity: 1;
}

.required {
  color: #ac1d37;
}

button:hover,
button:focus,
input[type=button]:hover,
input[type=button]:focus,
input[type=reset]:hover,
input[type=reset]:focus,
input[type=submit]:hover,
input[type=submit]:focus,
.main-navigation a:hover,
.main-navigation a:focus,
.dropdown-toggle:hover,
.dropdown-toggle:focus,
.social-navigation a:hover:before,
.social-navigation a:focus:before,
.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title,
.tagcloud a:hover,
.tagcloud a:focus,
.site-branding .site-title a:hover,
.site-branding .site-title a:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.entry-title a:hover,
.entry-title a:focus,
.menu-toggle:hover,
.menu-toggle:focus,
.entry-footer a:hover,
.entry-footer a:focus,
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus,
.comment-reply-link,
.comment-reply-link:hover,
.comment-reply-link:focus,
.site-info a:hover,
.site-info a:focus,
.main-navigation li:hover > a,
.main-navigation li.focus > a {
  color: #425195;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus,
.widget_calendar tbody a,
.page-links a:hover,
.page-links a:focus {
  background-color: #425195;
}

input[type=date]:focus,
input[type=time]:focus,
input[type=datetime-local]:focus,
input[type=week]:focus,
input[type=month]:focus,
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=number]:focus,
textarea:focus,
.tagcloud a:hover,
.tagcloud a:focus,
.menu-toggle:hover,
.menu-toggle:focus {
  border-color: #425195;
}

button:hover, button:focus, input[type=button]:hover, input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus {
  background: #063;
  color: #fff;
}

.main-navigation a, .main-navigation a:active, .main-navigation a:visited {
  color: #4b4b4b;
}

.site-branding .site-title a:hover, .main-navigation li:hover > a, .main-navigation li.focus > a {
  color: #101010;
}

.menu-toggle:hover,
.menu-toggle:focus {
  background-color: transparent;
  border-color: #425195;
  color: #425195;
}

.entry-content a, .entry-summary a, .taxonomy-description a, .logged-in-as a, .comment-content a, .pingback .comment-body > a, .textwidget a, .entry-footer a:hover, .site-info a:hover {
  box-shadow: none;
}

body,
button,
input,
select,
textarea {
  font-family: "pelago", "Myriad Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
  line-height: 1.4;
}

.required,
input-placeholder,
button,
button[disabled]:hover,
button[disabled]:focus,
input[type=button],
input[type=button][disabled]:hover,
input[type=button][disabled]:focus,
input[type=reset],
input[type=reset][disabled]:hover,
input[type=reset][disabled]:focus,
input[type=submit],
input[type=submit][disabled]:hover,
input[type=submit][disabled]:focus,
.post-password-form label,
.main-navigation,
.post-navigation,
.pagination,
.image-navigation,
.comment-navigation,
.site .skip-link,
.widget_recent_entries .post-date,
.widget_rss .rss-date,
.widget_rss cite,
.tagcloud a,
.entry-footer,
.sticky-post,
.page-links,
.comment-metadata,
.pingback .edit-link,
.comment-reply-link,
.comment-form label,
.no-comments,
.widecolumn label,
.widecolumn .mu_register label {
  font-family: "pelago", "Myriad Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}

h1, h2, h3, h4, h5, h6, .entry-title,
.post-navigation .post-title,
.widget .widget-title,
.site-title,
.page-title,
.comments-title,
.comment-reply-title,
.site-footer .site-title:after {
  font-weight: 700;
  font-family: "Minion Pro", "minion-pro", Georgia, serif;
}

.post-navigation .post-title,
.entry-title,
.comments-title {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}

code {
  background-color: #fff;
  color: #044f7d;
}

abbr {
  font-variant-caps: all-small-caps;
  font-feature-settings: "c2sc", "smcp";
  text-decoration: none;
}

@media screen and (min-width: 44.375em) {
  .comments-area, .widget, .content-bottom-widgets .widget-area {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 61.5625em) {
  .widget {
    margin-bottom: 0;
  }

  body:not(.search-results) article:not(.type-page) .entry-content {
    width: 100%;
  }

  body:not(.search-results) article:not(.type-page) .entry-footer {
    margin-top: 2em;
    width: 100%;
  }

  .single .byline, .full-size-link, body:not(.search-results).group-blog .byline, body:not(.search-results) .entry-format, body:not(.search-results) .cat-links, body:not(.search-results) .tags-links, body:not(.search-results) article:not(.sticky) .posted-on, body:not(.search-results) article:not(.type-page) .comments-link, body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
    display: inline;
    margin-bottom: 0.5384615385em;
    margin-right: 0.5384615385em;
  }

  body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after {
    display: inline-block;
  }

  body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
    display: inline;
    height: 21px;
    margin: -0.1538461538em 0.5384615385em 0 0;
    width: 21px;
  }
}
/* (min-width: 61.5625em) */
.mason-wrap {
  background: #101010;
}

.mason {
  font-weight: normal;
  font-size: 0.9em;
  padding: 0.5em 7.6923%;
  color: #fff;
  line-height: 1.1;
  font-family: "pelago", "Myriad Pro", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.mason img {
  width: 30px;
  vertical-align: baseline;
}
.mason a:link, .mason a:hover, .mason a:active, .mason a:visited {
  color: #fff;
  text-decoration: none;
  opacity: 1;
}

.alert {
  font-size: 1em;
  padding-top: 1em;
}
.alert strong {
  color: #ac1d37;
}

.required {
  color: #ac1d37;
}

.site-branding {
  margin-bottom: 0;
}
.site-branding img {
  width: 50%;
}

.site-header {
  padding-bottom: 1.5em;
}

.social-sidebar {
  margin-bottom: 2em;
}

.site-main {
  margin-bottom: 1em;
}

.donate-button a:link, .donate-button a:visited, .donate-button a:active, .single-button a:link, .single-button a:visited, .single-button a:active {
  background: #425195;
  width: 100%;
  text-align: center;
  float: left;
  color: #fff;
  padding: 0.5em 0;
  text-decoration: none;
}
.donate-button a:hover, .single-button a:hover {
  background: #4b4b4b;
}

.widget {
  margin-bottom: 0;
}

/*full-width-template*/
.page-template-full-width-page .content-area {
  width: 100%;
}

.flex img {
  width: 100%;
}

.action-button {
  font-weight: bold;
}
.action-button a {
  background: #425195;
  width: 100%;
  text-align: center;
  color: #fff;
  padding: 0.8em 0;
  text-decoration: none;
}
.action-button a:hover {
  background: #4b4b4b;
}

/*full-width-template*/
.flex, .action-button {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: space-between;
}

.flex a {
  width: 100%;
  margin: 1em 0;
  text-decoration: none;
}

.announcement {
  width: 100%;
  background: #101010;
  padding: 1em;
  margin: 1em 0;
}
.announcement a {
  color: #fc3;
  text-decoration: none;
}
.announcement a:hover {
  text-decoration: underline;
}

.tagline {
  padding: 2em 0;
  margin-top: 3em;
  border-top: 4px solid #1a1a1a;
  width: 100%;
}

.alignleft, .alignright {
  float: none;
}

.clear {
  clear: both;
}

.border {
  border: 1px solid #e0e0e0;
}

.featured-thumbnail {
  font-family: "Minion Pro", "minion-pro", Georgia, serif;
}
.featured-thumbnail a:link, .featured-thumbnail a:active, .featured-thumbnail a:visited {
  background: #425195;
  color: #fff;
  text-align: center;
  font-size: 1.2em;
  line-height: 1;
  text-decoration: none;
}
.featured-thumbnail a:hover {
  background: #4b4b4b;
}
.featured-thumbnail a, .featured-thumbnail img {
  padding-bottom: 1em;
}

.grid2, .grid3, .grid4, .grid5 {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 1em;
}

/*@media screen and (min-width: 44.375em){

} /*min-width: 44.375em*/
@media screen and (min-width: 56.875em) {
  .content-bottom-widgets .widget-area {
    margin-bottom: 1.5em;
  }

  .site-header-main {
    padding-top: 1.5em;
  }

  /*social media*/
  .site-header .social-navigation {
    display: block;
    float: right;
  }

  .site-header .main-navigation + .social-navigation {
    margin-top: 0;
  }

  .flex a, .action-button a {
    width: 32%;
  }

  .three-columns {
    width: 30%;
  }

  .two-columns {
    width: 46%;
  }

  .left70 {
    width: 70%;
  }

  .right25 {
    width: 25%;
  }

  .mason {
    padding: 0.5em 4.5455%;
  }

  .alignleft {
    float: left;
  }

  .alignright {
    float: right;
  }

  .grid2 {
    grid-template-columns: 1fr 1fr;
  }

  .grid3 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .grid5 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }

  .span2 {
    grid-column: span 2;
  }

  .span3 {
    grid-column: span 3;
  }

  .span4 {
    grid-column: span 4;
  }

  .span5 {
    grid-column: span 4;
  }
}
/*min-width: 56.875em*/
@media screen and (min-width: 61.5625em) {
  /*
  .mason {

  	max-width: 1320px;
  	margin: 0 auto;
  	position: relative;

  	 }
  */
  .site-branding {
    margin-top: 0;
  }

  .content-area {
    font-size: 118.8%;
  }

  .widget {
    font-size: 100%;
  }

  .social-navigation {
    display: block;
    margin: 0;
    padding: 0;
  }

  .entry-title {
    font-size: 1.8rem;
  }
}
/*min-width: 61.5625em*/
/*blog specific with authors on top*/
body:not(.search-results) article:not(.type-page) .entry-footer {
  margin-top: 0;
  margin-bottom: 2em;
}

.entry-content ul li, .entry-content ol li {
  margin-left: 1em;
}

@media screen and (min-width: 61.5625em) {
  .site-main > article {
    margin-bottom: 4em;
  }
}
/*min-width: 61.5625em*/

/*# sourceMappingURL=style.css.map */