/*
Theme Name:     ColorMag-Child
Description:    NAK Child Theme for ColorMag
Author:         7N89
Template:       colormag

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/* Headings */
h1, h2, h3, h4, h5, h6 {
	padding-bottom: 18px;
	color: #333333;
	font-weight: normal;
	font-family: 'Open Sans', sans-serif;
}
/*  Original Settings, but note that post title is only 32px -- so match H1 to post title and go relative from there
h1 { font-size: 42px; line-height: 1.2; }
h2 { font-size: 38px; line-height: 1.2; }
h3 { font-size: 34px; line-height: 1.2; }
h4 { font-size: 30px; line-height: 1.2; }
h5 { font-size: 26px; line-height: 1.2; }
h6 { font-size: 22px; line-height: 1.2; }
*/
h1 { font-size: 32px; line-height: 1.2; }
h2 { font-size: 28px; line-height: 1.2; }
h3 { font-size: 24px; line-height: 1.2; }
h4 { font-size: 20px; line-height: 1.2; }
h5 { font-size: 18px; line-height: 1.2; }
h6 { font-size: 16px; line-height: 1.2; }

/* =TEXT ELEMENTS
----------------------------------------------- */
p {
	line-height: 1.6;
	margin-bottom: 15px;
	font-family: 'Open Sans', serif;
	font-size: 20px;
}



.widget_featured_slider .slide-content {
   position: absolute;
   bottom: 0;
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) , rgba(0, 0, 0, 0.7));
   padding-bottom: 20px;
   padding-left: 5%;
   position: absolute;
   width: 95%;
}


/* ======================== */
/* NAK-TG Widget Edits, this controls byline authorship visibility (originally defaulted to off for all except slider) */

  /* Featured area beside slider. Note: this one turned back off (along with comments portion) in widget code */
.widget_highlighted_posts .article-content .below-entry-meta .byline {
     display: block;
}

  /* Category Highlighted post widgets. Note: these also turned off (along with comments portion) in widget code */
.widget_featured_posts .following-post .byline {
    display: block;
}



/* ======================== */
/* NAK Hover over Image and have xpanding highlight box */
/* Reference: http://ianlunn.github.io/Hover/  */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 50;
    border: #4edac6 dashed 6px;
  }
}

@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 50;
    border: #4edac6 dashed 6px;
  }
}

.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(78, 218, 198, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  outline-offset: 1px;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #fff dashed 5px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}