/*
* Theme Name: Standish Material Design Lite
* Theme URI: https://www.standish.ca
* Author: standish
* Author URI: https://www.standish.ca/
* Description: Parent theme for Material Design related website
* Version: 1.0
* Text Domain: standish_mdl
* Domain Path: /languages
*/

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */
/*
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  background: #f1f1f1;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  quotes: none;
}

a:focus {
  outline: 2px solid #c1c1c1;
  outline: 2px solid rgba(51, 51, 51, 0.3);
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}
*/

body.logged-in {
  max-height: calc(100% - 84px)!important;
  min-height: calc(100% - 32px)!important;
  overflow: hidden;
}

/* Make images scale in mobile */
img {
  max-width:100%;
  height:auto;
}

.entry-format, .posted-on, .byline {
  display:none;
}

.tags-links, .cat-links {
  margin-left:16px;
  margin-bottom: 16px;
  display: block;
  display: none;
}
.tags-links a, .cat-links a {
  text-decoration: none;
}

.single .tags-links, .single .cat-links {
  display:block;
}

.screen-reader-text, [aria-hidden="true"] {
  display:none;
}

/* Remove to fix a bug making the logo align top
.site-title-image {
  height:100%;
}*/

.site-title-image img {
  max-height:100%;
  width:auto;
}

article.post {
  margin-bottom: 16px;
}

.mdl-mega-footer--right-section span, .mdl-mega-footer__right-section span {
  display: block;
  margin-bottom: 16px;
  color: inherit;
  text-decoration: none;
}

@media screen and (min-width: 840px) {
  .mdl-mega-footer--right-section span, .mdl-mega-footer__right-section span {
    display: inline-block;
    margin-left: 16px;
    line-height: 36px;
    vertical-align: middle;
  }
}

.mdl-layout__content {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
}

/* Fix for Safari footer showing on top of content (2 rules): */
.mdl-layout__content { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-flow: column nowrap; -ms-flex-flow: column nowrap; flex-flow: column nowrap; }
.mdl-layout__content > *:not(.mdl-layout-spacer) { -webkit-flex: none; -ms-flex: none; flex: none; }

/**
 * Header
 */

/* Drawer Menu */
.mdl-layout__drawer ul {
  list-style: none;
  padding:0;
}

.menu-item-has-children > a:after {
  content: '\E5CF';
  position: absolute;
  right: 16px;
  font-family: 'Material Icons';
  text-rendering: optimizeLegibility;
  font-feature-settings: "liga" 1;
  font-style: normal;
  text-transform: none;
  line-height: 1;
  font-size: 24px;
  width: 24px;
  height: 24px;
  display: inline-block;
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition:all 300ms;
}

.menu-item-open.menu-item-has-children > a:after {
  -webkit-transform:rotate(-180deg);
  transform:rotate(-180deg);
}

.mdl-layout__drawer ul.sub-menu .mdl-navigation__link {
  padding:8px 32px 8px 56px;
}
/* End drawer menu */

/* Content */

.page-content {
  border-radius: 2px;
  padding: 40px 28px;
  margin-bottom: 80px;
}

/* Contact Form 7 (cf7) */
.wpcf7-response-output:empty {
    display: none;
}
.wpcf7-response-output {
    color: #a85959;
    border: 1px solid;
    border-color: #fedede;
    background-color: #fdeaea;
    border-radius: 5px;
    padding: 1em 1em 1em 4em;
    font-size: 1em;
    position: relative;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #3e562b;
    border-color: #c2e1a9;
    background-color: #eaf5e2;
}
.wpcf7-response-output:before {
    content: "\E002";
    font-family: 'Material Icons';
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    word-wrap: normal;
    -moz-font-feature-settings: 'liga';
    font-feature-settings: 'liga';
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 16px;
    top: 50%;
    margin-top: -11px;

}
.wpcf7-response-output.wpcf7-mail-sent-ok:before {
    content: "\E5CA";
}

@media screen and (min-width: 840px) {
  .page-content {
    padding: 80px 56px;
  }
}

/* Table */
.standish-table-full-width {
  width:100%;
}

.standish-table-full-width tr td * {
  white-space: initial;
}

/* Single posts, archive posts */

.standish-mdl-recent-posts-thumbnail img {
  width:100%;
  height:auto;
}

.comment-form {
    padding:32px;
}

.comment-form .mdl-textfield {
    display:block;
}

.site-content li.comment:before {
    display:none;
}

/**
 * Removed, should be here
 *
.hentry {
  margin-bottom:16px;
}
*/

/* Search form */
#searchform {
  display:flex;
}

#searchform .mdl-textfield {
  width:100%;
}
#searchform button {
  margin:10px 0;
}

/* Hack to put subtitle below title */

.standish-mdl-card__title {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.standish-mdl-card__title h2, .standish-mdl-card__title h3 {
  align-self: flex-start;
}

/* make placeholder text darker by default */
body .mdl-textfield__label {
  color:rgba(0,0,0,0.46);
}

/* Make cards full-height */

.standish-mdl-card-full-height .mdl-card__actions {
  position: absolute;
  bottom: 0;
}

.standish-mdl-card-full-height .mdl-card__supporting-text {
  height: auto;
  padding-bottom: 48px;
}

/* header */

.standish-mdl-ribbon {
  background-size: cover;
  width: 100%;
  height: 0vh;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/* Visual composer */

.vc_separator {
  height: 1px;
   /* background-color: #ff00ff; */
}

.mdl-grid--no-spacing > .mdl-cell--middle {
  /*padding: 16px;*/
}

.standish-row-no-spacing > .standish-column-spacing-grid {
  padding: 16px;
}

/* Column background image */
.standish-background-column-img {
  width: 100%;
  overflow: hidden;
  margin-right: -100%;
}

@media screen and (min-width: 480px) {
  .standish-background-column-img {
    width: 50%;
    margin-right: -50%;
  }
  .standish-background-column-img.standish-background-img--col-12 {
    width: 100%;
    margin-right: -100%;
  }
}

/* Video (from Visual Composer) */

.wpb_video_widget .wpb_wrapper .wpb_video_wrapper {
  padding-top: 56%;
  position: relative;
}

.wpb_video_widget .wpb_wrapper iframe {
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Hack for Pinterest plugin (which causes a double-scroll-bar when hovering over images */
body > span[style*="data:image/png;base64"]:last-child, body > a[style*="data:image/png;base64"]:last-child {
  display: none!important;
}