/*
Theme Name: foo boo vool McLuhan Child
Theme URI: https://wp-themes.com/mcluhan
Author: ChildThemeWP.com
Author URI: https://childthemewp.com
Description: My WordPress McLuhan child theme.
Template: wp-meliora
License: GNU General Public License v3
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Version: 1.0.0
Text Domain: mcluhan-child
*/

/* .entry-content a{

  text-decoration:none;
} */

/* body{
  background-color: #fcfcfc;
} */

.hentry .entry-content a, .home .entry-title a, .portfolio .entry-meta a .portfolio a, .portfolio > ul > li > figcaption > h3 > a {
  box-shadow: inset 0 0px 0 #fff,inset 0 -10px 0 rgba(252, 209, 84, .5);
  text-decoration: none;
}

.hentry .entry-content a:hover, .home .entry-title a:hover,  .portfolio a:hover, .portfolio > ul > li > figcaption > h3 > a:hover {
  color:#474747;
  box-shadow: inset 0 0px 0 #fff,inset 0 -10px 0 rgba(84, 211, 252, .5);
}


/* portfolio archive styles */
.portfolio {
  padding: 2rem;
}

.portfolio > ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 1rem;
  list-style-type: none;
}

.portfolio > ul > li > figure {
  max-height: 220px;
  overflow: hidden;
  position: relative;
}

.portfolio > ul > li > figure > img {
  width: 100%;
}

.c-post__meta a{
  box-shadow: inset 0 0px 0 #fff,inset 0 -7px 0 rgba(252, 209, 84, .5);
  text-decoration: none;
}

.c-post__meta a:hover {
  color:#474747;
  box-shadow: inset 0 0px 0 #fff,inset 0 -7px 0 rgba(84, 211, 252, .5);
}

/* footer */

.c-footer__copyright a {
  box-shadow: inset 0 0px 0 #fff,inset 0 -8px 0 rgba(252, 209, 84, .5);
  text-decoration: none;
}

 .c-footer__copyright a:hover {
  color:#474747;
  box-shadow: inset 0 0px 0 #fff,inset 0 -8px 0 rgba(84, 211, 252, .5);
}

/* Portfolio */

@media screen and (min-width: 980px) {

  /* no grid support? */
  .c-portfolio--single header {
    float: left;
    width: 33%;
  }

  .c-portfolio--single main {
    float: right;
    width: 66%;
  }

}


/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}