#sectionheader { min-height: 4px; }

#announcement {
    min-height: 66px;
    padding:12px;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
}

#announcement h2 {
    font-size:100%;
    margin:0;
    padding:0;
}

#announcement p {
    font-size:10pt;
    color:#CCC;
    margin:0;
    padding:0.5em;
}

#announcement a:visited, #announcement a:link {
	color:white;
}
#announcement a:hover {
	background-color:white;
	color:black;
}

#slot .hey h1 a:link, #slot .hey h1 a:visited {
	color:#FFFFFF;
}

.profilebox {
    background-image: url(/images/profile.png);
    background-repeat: no-repeat;
    background-position: 15% 100%;
    min-height:64px;
}

.headliner {
    background-color:#F0F0E0;                                                                             text-shadow: 1px 1px 1px white;
    font-weight:bold;
    font-size:12px;
    color:#909070;
    margin-top:0px;
    margin-bottom:8px;
    padding: 3px;

    background: -webkit-gradient(linear, left center, right center, from(#F0F0E0), to(#FFFFFF));
    background: -moz-linear-gradient( center left, rgba(240, 240, 224, 1.0) 0%, rgba(240, 240, 224, 0.0) 95% );
}

.qbox {
    font-family: Gloria Hallelujah;
}

.qboxheadertext {
    position:relative;
}

.qboxheadertext div {
    position:absolute;
    z-index:2;
}

.qboxaskmax {
    transform: rotate(-10deg);
    font-size: 400%;
    text-shadow: 2px 2px 2px white;
    font-weight: bold;
    color: #EA8615;
    left: -0.1em;
    top: -0.8em;
}
.qboxnew {
    transform: rotate(20deg);
    font-size: 175%;
    text-shadow: 1px 1px 2px white;
    color: #6CB02E;
    right: 0;
    top: -0.2em;
}

.qboxbubble {
    position:relative;
    width:100%;
    height:100%;
    background:url(/images/bubble.svg);
    background-size:100% 100%;
}
.qboxinnerbubble {
    padding: 3em 3em 3.5em 4em;
}

#questionbox {
    width:100%;
    min-height: 4em;
    resize:both;
    font-size: 200%;
    background-color:transparent;
    border:none;
    overflow:auto;
}

.qboxfooter {
    position:relative;
    top:-2.1em;
	display:flex;
	align-items:center;
}

.qboxfooterlinks {
    text-align: center;
    font-weight:bold;
    margin-left:auto;
}

#clickmax, #youtext {
    font-size: 175%;
    color: #333;
}
#clickmax {
	margin-left:auto;
}

#questionbutton {
    border: none;
    background: transparent;
    cursor:pointer;
    vertical-align:middle;
	margin-right:4%;
	flex-shrink:0;
}

#qyou {
}

#postquestionbox {
    background-color:#F4E4A0;
    border-radius: 12px;
    display:none;
    box-shadow: 2px 2px 24px black, 2px 2px 64px black;
    text-align: center;
    position: absolute;
    width: 70%;
    left: 15%;
    top: 175px;
    padding: 0 2vw;
    font-size:125%;
    z-index:3;
    transform:rotate(-1deg);
    font-family: Gloria Hallelujah;
}

#postquestionboxcancel {
    display:block;
    position:absolute;
    right:1em;
    top:1em;
    padding:0.5em;
    font-family:Verdana,sans-serif, sans;
}

#postquestionbox h2, #qnamefield, #postquestionbox button {
    font-size: 200%;
}

#qnamefield {
    width:50vw;
}

#site-header {
	text-align:left;
}

.about-max {
	font-family: 'Fredericka the Great';
	text-shadow: 0 0 0px white;
}

.remark {
	margin-bottom:3em;
}

.remark img {
	box-shadow:0 0 2px white;
}

.splash-leader .buystrip {
	margin-bottom:3em;
}

#ask-max {
	grid-area: interlude;
	margin:6em 1em 2em 1em;
}

#ask-max .qbox {
    max-width: 850px;
    margin: 0 auto;
    min-width: 60vw;
	margin-top:2em;
}

.index-page .splash-promotion {
	left: auto;
	right: 3em;
}

#site-header .twocolumn .featurequote {
	display: flex;
	align-items:center;
	justify-content:center;
	font-size:1.6em;
	margin:0;
    margin-left: calc(-100% + 200px - 1em);
}

.ondisplay.featurebook { max-width: 800px; }
.onsale-banner-text {
	font-size: 200%;
    text-align: center;
    background: #fff939;
    color: #00abd9;
    font-weight: bold;
}

@media only screen and (min-width: 2000px) {
	#site-header .twocolumn .featurequote { font-size:2.4em; }
}

#site-header .title.bookbanner {
	font-size:5em;
	top:0;
	left:-1em;
	padding:0 0.3em;
	transform:rotate(-35deg);
}

@media only screen and (max-aspect-ratio: 6/5) and (max-width: 1400px) {
	#site-header .twocolumn {
		grid-template-columns: auto;
	}
	#site-header .twocolumn .featurequote {
		margin:-1em 0 0 -1%;
		width:102%;
		font-size: 85%;
	}

	#site-header .title.bookbanner {
		font-size:3em;
	}
}

/* Phones */
@media only screen and (max-aspect-ratio: 6/5) and (max-width: 700px) {
	.splash-leader { display:flex; flex-direction:column; }
	.splash-leader .splash-leader-video { order:1; }
	.splash-leader .remark { order:2; }
	.splash-leader .onsale-banner { order:3; }
	.splash-leader .buystrip { order:4; }

	.bookmenu {
		display:none;
	}

	#postquestionboxcancel {
		position: static;
		margin:1em;
	}
}

@media only screen and (min-width: 1000px) {
	.about-max {
		position: absolute;
		top: 0;
		background: rgba(0,0,0,0.5);
		color: white;
		padding: 0.5em 1em;
		background: linear-gradient(0deg, #2A2A2A 50%, rgba(0, 0, 0, 0.5) 50%);
		transform: translate(0px, calc(-1em + -65%));
		box-shadow:0 0 4px rgba(255,255,255,0.4);
	}

	#notables {
		padding-top:3em;
	}
}

@media only screen and (max-width:500px) {
	#site-header .title.bookbanner {
		font-size: 5vw;
	}
}