/*
 Theme Name: Terrace River Theme [Ph]
 Description: Custom theme based on the parent theme Twenty Seventeen.
 Template: twentyseventeen
 Author: SG
 Author URI: https://www.speedguide.net
 Version: 1.2
 */


/* ph content width. can also set: margin-left: auto, margin-right: auto, padding-left: 2em, padding-right: 2em */
.wrap {max-width: 1024px;}
@media screen and (min-width: 48em) {
        .wrap {max-width: 1200px;}
}
@media screen and (min-width: 30em) {
        .page-one-column .panel-content .wrap {max-width: 1000px;}
}



/* ph header height */
.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: 500px; */
	height: 40vh !important;
	max-height: 40%; overflow: hidden;
}
.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: calc(40vh - 32px);
}






/* ph 2019 width */
.wrap { max-width: 90%; }
@media screen and (min-width: 48em) { .wrap { max-width: 90%; } }
.page.page-one-column:not(.twentyseventeen-front-page) #primary { max-width: 90%; }
@media screen and (min-width: 30em) { .page-one-column .panel-content .wrap { max-width: 90%; } }



/* header main page no zoom */
.has-header-image .custom-header-media img, .has-header-video .custom-header-media video, .has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
        height: auto;
        left: 0;
        max-width: 100%;
        min-height: 0;
        -o-object-fit: unset;
        object-fit: unset;
		position: relative;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		overflow: hidden;
    }


/* ph2018 scale img */
.has-header-image .custom-header-media img, .has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	width:100%; height: 35vh; object-fit: cover; object-position: 10% 10%;
}

/* ph2020 - header image position slide up if not homepage */
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	transform: translateY(-40%);
}


/* PH2021 - preserve new lines in recent posts widget .widget_recent_entries span.post-date { display: block; }  */