/*
Theme Name: Twentyseventeen Child
Theme URI: https://www.stacefelder.com/
Description: child theme for Twenty Seventeen
Author: Stace Felder
Author URI: http://www.stacefelder.com
Template: twentyseventeen
Version: 1.0.0
Text Domain: twentyseventeenchild
*/


:root {
  --si-red: #A71930;
  --si-blue: rgb(0, 38, 100);
  --si-matrix-bkgd: rgb(240,248,255); /* aliceblue */
  --si-matrix-bkgd-rgb-val: 240,248,255;
  --si-matrix-bkgd-rgb-val: 240,248,255;
  --si-gold: #eac331;
  --si-silver: #a6afac;
  --si-med-blue: #20638e;
  --si-lt-blue: #80d0d7;
  --si-green: #7ea655;
  --si-orange: #e89224;

}
 
 .single-post:not(.has-sidebar) #primary, 
.page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
	max-width: initial;
}

a {
	color: var(--si-blue);
}
a:hover, a:active {
    color: var(--si-red);
}
ul {
	list-style-position: inside;
}

/* small front page header */
.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
	width: initial;
    display: block;
    height: auto;
}
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    top: 0;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 100%;
    bottom: 0;
    position: absolute;
}
.has-header-image.twentyseventeen-front-page .site-branding, 
.has-header-video.twentyseventeen-front-page .site-branding, 
.has-header-image.home.blog .site-branding, 
.has-header-video.home.blog .site-branding {
    display: inherit;
    height: unset;
    vertical-align: unset;
}
.has-header-image.twentyseventeen-front-page .site-branding, 
.has-header-video.twentyseventeen-front-page .site-branding, 
.has-header-image.home.blog .site-branding, 
.has-header-video.home.blog .site-branding {
	position: inherit;
	display: inherit;
	padding: 3em 0;
	bottom: auto;
	left: unset;
}
.twentyseventeen-front-page.has-header-image .site-branding, 
.twentyseventeen-front-page.has-header-video .site-branding, 
.home.blog.has-header-image .site-branding, 
.home.blog.has-header-video .site-branding {
    margin-bottom: inherit;
}




.page.home #content {
    padding-bottom: 1.5em;
}
.twentyseventeen-front-page .site-content {
	padding: 2.5em 0 0;
}
.wrap {
    padding-left: 2%;
    padding-right: 2%;
}

/*****
* course catalog
*****/

/* form */
.course-catalog .form-container,
.course-catalog .content-area {
    float: initial;
    width: 100%;
}
.course-catalog .form-container {
    background: var(--si-matrix-bkgd);
    padding: 20px 10px;
}
.course-catalog .form-container h4 {
	text-align: center;
}
.course-catalog .form-container label {
	margin-bottom: .2em;
}
.course-catalog .form-container label span {
	font-weight: 400;
    font-style: italic;
    font-size: 12px;
}
.course-catalog .form-container select,
.course-catalog .form-container input[type="text"] {
	width: 100%;
	margin-bottom: 1em;
}
.course-catalog .form-container input[type="submit"] {
	width: 100%;
}

/* content area */
.course-catalog .content-area {
	margin-top: 20px;
}
.course-catalog article {
    margin-bottom: 1.5em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1.5em;
}
.course-catalog .content-area .entry-header  {
	margin-bottom: initial;
}
.course-catalog .entry-title a {
    margin-left: initial;
}
.course-catalog .course-container {
	display: block;
}
/* 
.course-catalog .entry-content,
.course-catalog .course-meta {
    flex: 1;
}
 */
/* 
.course-catalog .course-meta {
    padding-right: 0;
}
 */
.course-catalog .course-meta span.label {
    font-weight: 700;
}
/* 
.course-catalog .entry-content {
	padding-left: 0;
}
 */
.pagination {
	border-top: none;
}
/*****
* how to
*****/
.page-how-to .wp-block-group {
	margin-top: 30px;
}
.page-how-to .wp-block-group.schedules {
	border: 1px solid #ccc;
	padding: 10px;
}
.page-how-to .wp-block-group.schedules .wp-block-columns {
	margin-bottom: 0;
}

@media screen and (min-width: 38em) {
.course-catalog .course-container {
	display: flex;
}
.course-catalog .entry-content,
.course-catalog .course-meta {
    flex: 1;
}
.course-catalog .course-meta {
    padding-right: 15px;
}
.course-catalog .entry-content {
	padding-left: 15px;
}

}
/* 768+ */
@media screen and (min-width: 48em) {

/* small front page header */
	.has-header-image.twentyseventeen-front-page .custom-header, 
	.has-header-video.twentyseventeen-front-page .custom-header, 
	.has-header-image.home.blog .custom-header, 
	.has-header-video.home.blog .custom-header {
		height: inherit;
		display: inherit;
	}
	.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 {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
		max-height: unset;
		overflow: inherit;
	}
	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media, 
	.admin-bar.home.blog.has-header-image .custom-header-media, 
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: auto;
	}
	.twentyseventeen-front-page.has-header-image .custom-header-media:before, 
	.twentyseventeen-front-page.has-header-video .custom-header-media:before, 
	.home.blog.has-header-image .custom-header-media:before, 
	.home.blog.has-header-video .custom-header-media:before {
		height: inherit;
	}
	.twentyseventeen-front-page.has-header-image .site-header .menu-scroll-down {
		display: none;
	}

	.site-content {
		padding: 1em 0 0;
	}
	.page.home #content {
		padding-bottom: 3.25em;
	}
	.twentyseventeen-front-page .site-content {
		padding: 1em 0 0;
	}
	.wrap {
		padding-left: 3em;
		padding-right: 3em;
	}
	.course-catalog .form-container {
		float: left;
		width: 24%;
	}
	.course-catalog .form-container label span {
	    font-size: 14px;
	}

	.page .course-catalog .content-area {
		float: right;
		width: 74%;
		margin-top: initial;
	}
	.navigation.pagination {
	    width: initial;
	    float: initial;
	}
	.site-content {
		padding: 1em 0 0;
	}
}