/*
Theme Name: Zucked 
Author: jon r. luini, chime interactive
Author URI: http://chimeinteractive.com/
Description: Theme for Zucked Book (child of Twenty Seventeen)
Template: twentyseventeen
Version: 1.0
*/

/*
.page-home h1.site-title { text-shadow: 3px 3px 12px #222; }
.page-home .site-description { text-shadow: 2px 2px 8px #222; }
*/
.page-home .site-branding { text-align: center; background-color: transparent; }
.page-home h1.site-title { font: bold 23vw/0.8em arial,sans-serif; letter-spacing: -0.04em; text-align: center; text-transform: none;}
.page-home h1.site-title, .page-home h1.site-title a { color: #000; }
.page-home .site-description { font: bold 4.2vw arial,sans-serif; letter-spacing: -0.04em; color: #008dce; }
.page-home .panel-content .wrap { padding-top: 0; }

.page-buy a.ebook, .page-buy a.order { display: inline-block; width: 205px; }

/* override twentyseventeen styles */
.site-header { background-color: transparent; }
body,
button,
input,
select,
textarea {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}
ul#top-menu , ul#top-menu ul { text-align: center; }
footer .social-links-menu, footer .site-info { text-align: center; font-size: 0.7em; } 
.site-branding { background-color: #4267b2; color: #fff; text-align: center; }
.site-branding a { color: #fff; }
.site-title { text-transform: none; letter-spacing: initial; font-size: 5rem; line-height: 0.7em; padding-top: 10px; }
.site-description { color: #a2b7e4; font-size: 0.93em; }

body.page-products-services .entry-content .products a {
  display: block;
  float: left;
  border: 1px solid;
  margin: 0 10px 10px 0;
  padding: 10px;
  text-decoration: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.page-products-services .entry-content .products a:active,
body.page-products-services .entry-content .products a:hover {
  border-color: #fff;
  -webkit-box-shadow: inset 0 -2px 0 rgba(15, 15, 15, 1);
  box-shadow: inset 0 -2px 0 rgba(15, 15, 15, 1);
}
body.page-products-services .entry-content .products a img {
  height: 75px;
  width: auto;
  -webkit-box-shadow: none;
  box-shadow: none;
}
body.page-products-services .entry-content .products a:hover img { }

.book-promo-block .book { display: inline-block; width: 32%; /* margin-right: 1%; */ }
.book-promo-block .blurb {
  display: inline-block;
  width: 66%;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1.2em;
  color: #4267b2;
  vertical-align: text-bottom;
  margin-top: 15px;
}

@media screen and (min-width: 75em) {
  .page-home h1.site-title { font-size: 17.1875em; }
  .page-home .site-description { font-size: 3.15em; }
}
@media screen and (max-width: 52em) {
  .book-promo-block .blurb { }
  .page-home h1.site-title { }
  .page-home .site-description { }
}

@media screen and (min-width: 28em) {
  .book-promo-block .blurb { font-size: 0.8em; }
}
@media screen and (min-width: 30em) {
  .page-home .site-branding { padding: 1em 0; }
}

@media screen and (min-width: 42em) {
  .book-promo-block .blurb { font-size: 1.1em; }
}

/*
.panel-content .wrap { padding: 0; }
*/
.page.page-one-column .entry-header { margin: inherit; }
/* overrides for desktop */
@media screen and (min-width: 48em) {
  footer .social-links-menu { text-align: left; }
  footer .site-info { text-align: right; font-size: 1em; }
  .site-content { padding: 2.5em 0 0; }
  .page-one-column .panel-content .wrap { max-width: 900px; }
  .book-promo-block .book { width: 32%; }
  .book-promo-block .blurb { width: 66%; font-size: 1.26em; }
  .main-navigation ul ul a { padding: 1.25em; }

  .page-home .site-branding .site-branding-text { 
    background: none;
    padding-left: 0;
  }

  .site-branding .site-branding-text { 
    /* background: url(/wp-content/uploads/2018/12/Zucked_Bookshot-angled-211x300.png) no-repeat left center; */
    background: url(/wp-content/uploads/2020/01/Zucked_Paperback-211x300.png) no-repeat left center;
    background-size: 74px;
    padding-left: 85px;
  }
}
.page-home footer { margin-top: 0; border-top: 0; }

.nmain-navigation ul.menu { text-align: center; }
.main-navigation a:active, .main-navigation a:hover {
  color: #fff;
  background-color: #4267b2;
}
.navigation-top nav { margin-left: 0; margin-right: 0; }

.page-home a.order { padding: 1.1em; width: 200px; }
.entry-content a.order { box-shadow: none; -webkit-box-shadow: none; }

.main-navigation ul.menu a.order,
.main-navigation ul.menu a.ebook { 
  border: 0;
}

.main-navigation ul.menu li.order .book a,
.main-navigation ul.menu li.order .ebook a {
  border-top: 1px solid;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

li.order .ebook a:hover,
li.order .book a:hover { background: #fff; color: #000; }

a.ebook, a.order { padding: 0.7em; display: block; width: 200px; text-align: center; }
ul.menu li.current-menu-item a,
a.order, li.order .book a /*,
.main-navigation li.order a */
{
  background-color: #4267b2;
  color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid;
}
a.ebook, li.order .ebook a {
  color: #fff;
  background-color: #42b1b2;
  box-shadow: none;
  -webkit-box-shadow: none;
  border: 1px solid;
}
a.order:hover, a.order:active, a.ebook:hover, a.ebook:active, .ebook a:hover .ebook a:active {
  color: #4267b2;
  background-color: #fff;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.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 {
        display: table;
        height: 300px;
        height: 90vh;
        width: 100%;
}

@supports ( object-fit: cover ) {
	body.has-header-image .custom-header-media img,
	body.has-header-video .custom-header-media video,
	body.has-header-video .custom-header-media iframe,
	body.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		height: 100%;
		left: 0;
		-o-object-fit: contain;
		object-fit: contain;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}