/* 
 Theme Name:   Versluis 2020
 Theme URI:    https://versluis.com
 Description:  Child Theme based on GeneratePress with Premium features
 Author:       Jay Versluis
 Author URI:   https://versluis.com
 Template:     generatepress
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

 /* Many customisations are done in the ==> WordPress / GP Premium Customiser <==

 CHANGELOG
 ==========
 v1.1 - February 2021
 added option to upload ZIP files

 v1.0 - August 2020
 New theme, based in part on colours of my previous TwentyThirteen theme
 started with all changes from WP Guru 2020

------------------------------------------------------------------------------------*/

/* no link colour in headlines */
.entry-title a {
    color: #141412;

}

/* Bolder Widget and H3 Headings */
h3, .widget-title {
    font-weight: bold;
}

/* JetPack Blog Subscription Widget needs padding */
#subscribe-field-blog_subscription-2, .jetpack-subscribe-count {
    margin-top: 10px;
}

/* bring back bullet points into sidebar widgets */
.widget ul li {
    list-style-type: square;
    margin-left: 20px;
}

/* less spacing in grouped blocks */
.wp-block-group__inner-container {
    padding-top: 20px;
    padding-bottom: 20px;;
}

/* nice hover colour on the footer link */
#my-footer-link {
    color: #29abe0;
}
#my-footer-link:hover {
    color: blueviolet;
}

/* Akismet Comment Privacy Notice */
.akismet_comment_form_privacy_notice {
    font-size: 85%;
    font-style: italic;
}

/* adjust image padding in media/text blocks */
.wp-block-media-text__media img, .wp-block-media-text__media {
	padding: 10px;
	max-width: 90%;
}

/* add fancy list styling to Latest Post blocks */
.wp-block-latest-posts.wp-block-latest-posts__list, .regular-list {
	list-style: disclosure-closed;
}

/* move heart on the front page up */
.frontheart {
    position: relative;
	top: -50px;
}

/* front page YouTube embed */
.latestVideoEmbed, {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* and make that thing responsive too, as explained here: https://www.benmarshall.me/responsive-iframes/ */
.iframe-container {
    overflow: hidden;
    /* 16:9 aspect ratio */
    padding-top: 56.25%;
    position: relative;
  }

/* regular YouTube embeds need more space at the bottom */
.epyt-video-wrapper {
    position: relative;
    bottom: 20px;
}

/* Podcast link padding */
.powerpress_links.powerpress_links_mp3 {
      position: relative;
      top: 10px;
      left: 10px;
      font-size: smaller;
      font-style: italic;
  }


/* Old Typewriter for my headline
 * http://www.dafont.com/old-typewriter.font */
 @font-face {
	 font-family:"CustomFont";
	 src:url(fonts/Old-Typewriter.ttf)
 }
.site-title {
	 font-family:"CustomFont" !important;
     text-transform:uppercase;
     font-weight: bold;
     font-size: 3.5em;
 }

.site-description {
     font-size: 1.4em;
 }

   /* we need white titles with a fuzzy glow
   See http://www.w3.org/Style/Examples/007/text-shadow.en.html */
.site-title, .site-description, .headline {
	color: #fff;
	text-shadow: 0 0 0.5em #000, 0 0 0.2em #000, 0 0 0.2em #333, 0 0 0.2em #333;
}

.headline {
    font-weight: bold;
}

/* less padding for this HR separator in lists */
.slimline {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* image captions */
.wp-block-image figcaption {
    text-align: center;
    font-size: small;
    font-style: italic;
}

.front-slideshow {
    height: 40%;
}

/* preformatted text should look like code */
.wp-block-preformatted {
	font-family: "Lucida Console", "Courier New", monospace;
}

/* Dark Mode Tweaks */ 
/* are inside WP Dark Mode Menu (under customization) */
p.wp-dark-mode-ignore, li.wp-dark-mode-ignore, div.wp-dark-mode-ignore  {
	color: #aaa; !important
}
div.comments-area.wp-dark-mode-ignore {
	background-color: initial; !important
}