/*
 Theme Name: Twenty Seventeen Child Theme
 Theme URI: https://makebigart.com/twentyseventeen-child
 Author: Lisa Call
 Author URI: https://makebigart.com
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain: twentyseventeen-child
 */

/*
 * CSS for full page template
 */
@media screen and (min-width: 48em) 
{
     body.page-template-page-full-width .page-full-width #primary .entry-content 
     {
         width: 100%;
     }

     body.page-template-page-full-width .page-full-width #primary .entry-header 
     {
         width: 100%;
     }
}

body.page-template-page-full-width #primary .entry-header .entry-title 
{
     font-size: 1rem;
     font-size: 30px;
}

@media screen and (min-width: 48em) 
{
     body.page-template-page-full-width #primary .entry-header .entry-title 
     {
          font-size: 2rem;
          font-size: 36px;
     }
}

/*
 * CSS for full page attachment pages
 */
@media screen and (min-width: 48em) 
{
     body.attachment .wrap #primary .entry-content 
     {
         width: 100%;
     }

     body.attachment .wrap #primary .entry-header 
     {
         width: 100%;
     }
}

body.attachment #primary .entry-header .entry-title 
{
     font-size: 1rem;
     font-size: 30px;
}

@media screen and (min-width: 48em) 
{
     body.attachment #primary .entry-header .entry-title 
     {
          font-size: 2rem;
          font-size: 36px;
     }
}



/*
 * CSS Class for parent menu items that should not be clickable
 */
.nolink a:hover {
   color: #000;
   cursor: default;
}

/* 
 * display correctly on ipad in portrait mode (image too large otherwise)
 */
@media screen and (min-width: 48em) {
    	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 93vh;
	}
}


/*
 * remove "proudly..."
 */
.site-info { display: none; }


/*
 * Style mailchimp signup form
 */
.yikes-easy-mc-form.yikes-easy-mc-form-1 label.label-inline.EMAIL-label {
	width: 79%;
}


.yikes-easy-mc-form.yikes-easy-mc-form-1 .submit-button-inline-label {
	width: 21%;
}


/* 
 *  The following is the style for the grid display of my blog posts
 */
/* THIS IS THE CLASS THAT IS APPLIED TO THE UNORDERED LIST AND ACTS AS THE FLEX CONTAINER */

.grid-wrap {
	display: flex;			/* THIS MAKES IT A FLEX CONTAINER */
	flex-flow: row wrap;		/* THIS MAKES EACH BLOG POST LINE UP HORIZONTALLY AND WRAP TO THE NEXT LINE */
	align-items: center;		/* YOU CAN CHOOSE DIFFERENT VALUES HERE */
	justify-content: center;	/* YOU CAN CHOOSE DIFFERENT VALUES HERE */
	list-style: none;		/* THIS REMOVES THE BULLET POINT FOR EACH LIST ITEM */
}

/* THIS IS THE CLASS FOR EACH LIST ITEM */

.grid-item {
	flex-basis: 240px;	/* WIDTH OF EACH ITEM - ADJUST FOR YOUR OWN PURPOSES */
	height: 500px;		/* HEIGHT OF EACH ITEM - ADJUST FOR YOUR OWN PURPOSES */
	padding: 10px;		/* SET WHATEVER PADDING VALUE YOU WANT */
	margin: 10px;		/* SET WHATEVER MARGIN VALUE YOU WANT */
}

/* USE THIS TO MAKE THE FEATURED IMAGES BEHAVE PROPERLY ACROSS ALL DEVICES */

.grid-item img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 240px;	/* SET WHATEVER SIZE VALUE YOU WANT */
}

/* YOU MIGHT NEED THIS TO FIX THE TYPICAL INDENTION BEHAVIOR OF UNORDERED LISTS */

.grid-wrap ul {
	margin-left: 0;
}