@charset "UTF-8";
/* CSS Document */
/* Home page specific CSS */
/* Begins with 360 min-width handheld and builds to desktop */
/* with breakpoints at 481, 760, 1060, and 1680 */

#homepage-header {
	width:100%;
	height:auto;
}

#content-wrapper {
	width:100%;
	max-width:100vw;
	overflow:hidden;
}

#page-content {
	padding-top:0;
} 
#greeting {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

#greeting-photo {
	width:100%;
	padding-top:2rem;
}

#greeting-photo img {
	width:100%;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#greeting-content {
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

#keynote-wrapper p {
	text-align:left;
}

#keynote-themes h1.pageheader {
	font-size:1.8rem;
	line-height:100%;
	font-weight:500;
	padding-top:2rem;
}

#video-wrapper1 {
	width:100%;
	margin-top:2rem; 
	background-color:lightgray;
	border:2px solid darkgray;
}

#keynote-promo-video,
#full-keyote-link,
#keynote-themes {
	width:100%;
}

#full-keynote-link p {
	text-align:center;
	font-weight:bold;
}

#keynote-themes #themes-left {
	width:40%;
	padding-left:8%;
	padding-right:2%;
	float:left;
	text-align:right;
}
	
#keynote-themes #themes-right {
	 width:40%;
	 padding-left:2%;
	 padding-right:8%;
	 float:left;
	 text-align:left;
}

#keynote-themes #themes-left p {
	text-align:right;
}

#keynote-themes #themes-right p {
	text-align:left;
}

#clients {
	margin-top:3rem;
}
	
#boxed-highlight-wrapper {
	width:100%;
	margin-top:2rem;
}
	
#boxed-highlights {
	width:100%;
}

#boxed-highlights #box1,
#boxed-highlights #box2,
#boxed-highlights #box3 {
	width:94%;
	margin:0 auto 1rem auto;
	border:2px solid black;
	border-radius:15px;
	background-color:lightgoldenrodyellow;
}

#boxed-highlights #box1 h3,
#boxed-highlights #box2 h3,
#boxed-highlights #box3 h3 {
	padding-top:1rem;
}

#boxed-highlights #box2 p {
	margin:.5rem 1.5rem 1rem 1.5rem;
}

#cta {
	 width:100%; 
	 margin-top:3rem;
}

#calendly-app {
	width:70%;
	border:2px solid black;
	border-radius:10px;
	padding-bottom:2rem;
	margin-left:auto;
	margin-right:auto;
}

#calendly-app h3 {
	font-size:1.4rem;
	text-align;center;
	margin:1rem 0;
}

#sldi-wrapper {
	width:100%;
	padding-top:2rem;
}

#sldi-logo {
	width:40%;
	margin-left:auto;
	margin-right:auto;
}

#sldi-logo img {
	width:100%;
}

#sldi-services {
	width:96%;
	margin-left:auto;
	margin-right:auto;
}

#sldi-services h2 {
	font-size:1.4rem;
	padding-bottom:.5rem;
}

#sldi-services p {
	text-align:center;
	padding-bottom:1rem;
}

#book-wrapper {
	width:100%;
	margin-top:2rem;
}

#book-wrapper h3 {
	font-size:1.5rem;
}

#book-wrapper h2 {
	font-size:1.7rem;
}

#book-signing {
	width:35%;
	height:auto;
	margin-right:1rem;
	padding-left:2%;
	float:left;
}

#book-signing img {
	width:100%;
	margin-bottom:.5rem;
}

#lapot-cover {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#lapot-cover img {
	width:80%;
	height:auto;
	margin-top:1rem;
	margin-left:15%;
	margin-right:auto;
}

#latest-book {
	width:95%;
	z-index:10;
}

#latest-book h3 {
	font-size:2.4rem;
}

#latest-book h2 {
	font-size:2.7rem;
}

#latest-book p {
	font-size:1.1rem;
	text-align:left;
	margin-top:1rem;
	margin-left:1rem;
	margin-right:1rem;
}

#latest-book p a {
	font-size:1.3rem;
}

#cta-book {
	width:90%;
	margin-top:2rem;
	margin-left:auto;
	margin-right:auto;
}

#cta-book p {
	text-align:center;
}

#podcast-wrapper {
	width:100vw;
}

#podcast-wrapper h2 {
	padding::1rem 0;
	font-size:1.8rem;
}

#podcast-wrapper img {
	width:100%;
}

#podcast-wrapper p.episode {
	width:98%;
	padding-top:.5rem;
	text-align:center;
}

#podcast-wrapper p.platforms {
	width:90%;
	text-align:center;
	font-style:italic;
}

/* Tablet Portrait and Handheld Landscape View*/

@media (min-width: 481px) {

	#greeting {
		width:100%;
	}

	#greeting-photo {
		width:60%;
		padding-top:3rem;
		margin-left:2rem;
		float:left;
	}

	#greeting-photo img {
		float:right;
		width:100%;
		height:auto;
		margin-right:2rem;
	}
	
	#greeting-content {
		 width:45%;
		 float:left;
		 margin-top:8rem;
		 margin-left:-7rem;
	}

	#keynote-wrapper h1.pageheader {
		font-size:1.8rem;
	}

	#keynote-video {
		 width:70%;
		 margin-top:1rem;
		 float:right;
	}

	#keynote-video p {
		width:64%;
		margin-left:auto;
		margin-right:auto;
		text-align:center
	}

	#video-wrapper1 {
		width:70%;
		max-width:720px;
		min-width:240px;
		margin-left:auto;
		margin-right:auto;
	}

	#full-keynote-link h4 {
		margin-top:2rem;
	}
	
	#keynote-themes #themes-left {
		width:44%;
		padding-left:4%;
	}
	
	#keynote-themes #themes-right {
		width:44%;
		padding-right:4%;
	}
	
	#sldi-logo {
		width:30%;
	}

	#cta {
		margin-top:2rem;
	}

	#calendly-app {
		width:50%;
	}

	#book-wrapper h3 {
		font-size:1.7rem;
	}
	
	#book-wrapper h2 {
		font-size:1.9rem;
		padding-bottom:1rem;
	}
	
	#book-signing img {
		width:100%;
		height:auto;
	}
	
	#lapot-cover {
		width:60%;
	}
	
	#lapot-cover img {
		width:100%;
	}
	
	#latest-book {
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}

	#latest-book p {
		font-size:1.1rem;
	}
	
	#cta-book {
		margin-top:1rem;
	}
	
	#podcast-wrapper h2 {
		padding:1rem 0;
	}
	
	#podcast-wrapper img {
		width:80%;
		margin-left:auto;
		margin-right:auto;
	}
}

/* Small Screen / Kindle /Laptop View*/

@media (min-width: 760px){
	
	@keyframes scroll-logos {
		0% {transform: translateX(0); }
		100% {transform: translateX(-14075px); }
	}

	.display-largevideo  {
		display:block;
	}
	
	.display-smallvideo {
		display:none;
	}

	#greeting-photo img {
		width:90%;
		margin-right:2rem;
	}

	#greeting-content {
		 width:48%;
		 float:left;
		 margin-top:10rem;
		 margin-left:-8rem; /*Overwrites invisible elements of photo */
	}

	h1.pageheader {
		padding-top:1rem;
	}
	
	#keynote-wrapper {
		width:98%;
	}
	
	#keynote-video {
		width:70%;
		margin-top:1rem;
		float:right;
	}

	#keynote-video p {
		width:80%;
		margin-left:auto;
		margin-right:auto;
		text-align:center
	}
	
	#video-wrapper1 {
		width:90%;
		max-width:720px;
		min-width:240px;
		margin-left:auto;
		margin-right:auto;
	}

	#calendly-app {
		margin-top:2.5rem;
		width:24rem;
	}
	
	#calendly-app div.button {
		width:14rem;
	}
	
	#calendly-app div.button a {
		font-size:1.3rem;
	}
	
	#book-signing {
		width:30%;
		float:left;
	}
	
	#lapot-cover {
		float:right;
		width:40%;
		margin-right:25%;
	}
	
	#lapot-cover img {
		width:100%;
	}
	
	#latest-book p {
		font-size:1.1rem;
	}

}

	/* Ipad Landscape */

@media (min-width: 1060px){

	#greeting {
		margin-left:10%;
		margin-right:auto;
	}
	
	#greeting-photo {
		float:left;
		margin-left:0;
	}
	
	#greeting-photo img {
		width:70%;
		margin-right:3rem;
		float:right;
	}

	#greeting-content {
		 width:35%;
		 float:left;
		 margin-top:12rem;
		 margin-left:-8.5rem; /* allows for overlap of transparent photo element */
	}

	#keynote-wrapper h1.pageheader {
		font-size:2.5rem;
		}

	#keynote-video {
		width:60%;
		max-width:800px;
		padding-top:0;
		margin-right:5rem;
	}
	
	#keynote-video p {
		width:80%;
	}
	
	#keynote-themes {
		width:60%;
		padding-left:20%;
		padding-right:20%;
	}
	
	#boxed-highlights {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}

	#boxed-highlights #box1 {
		width:30%;
		float:left;
		min-height:33rem;
	}
	
	#boxed-highlights #box2 {
		margin-left:3%;
		width:30%;
		min-height:33rem;
		float:left;
	}
	
	#boxed-highlights #box3 {
		margin-left:3%;
		width:30%;
		min-height:33rem;
		float:left;
	}		

	div.button a {
		font-size:1.3rem;
	}

	#sldi-services {
		width:70%;
		margin-left:15%;
		margin-right:15%;
	}
	
	#sldi-logo {
		width:20%;
	}
	
	#sldi-services h2 {
		font-size:1.8rem;
	}
	
	#book-wrapper h3 {
		font-size:2.0rem;
	}
	
	#book-wrapper h2 {
		font-size:2.25rem;
	}
	
	#book-promo {
		width:100%;
	}
	
	#book-signing {
		width:30%;
		margin-left:3%;
		float:left;
	}
	
	#latest-book {
		width:30%;
		margin-left:3%;
		margin-top:2rem;
		float:left;
	}
	
	#latest-book p {
		font-size:1.3rem;
	}
	
	#lapot-cover {
		width:27%;
		margin-right:2%;
		float:left;
	}
	
	#lapot-cover img {
		width:100%;
	}
	
	#cta-book {
		width:50%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	
	#podcast-wrapper h2 {
		font-size:2rem;
	}
}

	/* Full Desktop */
	
@media (min-width:1680px) {

	#greeting {
		margin-left:10%;
		margin-right:auto;
	}
	
	#greeting-photo {
		float:left;
		margin-left:0;
	}
	
	#greeting-photo img {
		width:65%;
	}

	#greeting-content {
		width:25%;
		margin-top:14rem;
	}
	
	#keynote-wrapper {
		width:100%;
		margin-top:0;
	}

	#keynote-promo-video {
		width:40%;
		padding-right:1%;
		margin-top:0;
		float:right;
	}
	
	#video-wrapper1 {
		width:100%;
	}
	
	#keynote-themes {
		width:45%;
		padding-left:7%;
		margin-top:-20rem;
		text-align:center;
		float:left;
	}
	
	#keynote-themes h1.pageheader {
		font-size:2.2rem;
	}
	
	#theme-columns {
		width:96%;
		margin-left:auto;
		margin-right:auto;
	}
	
	#keynote-themes #themes-left,
	#keynote-themes #themes-right {
		width:37%;
	}
	
	#keynote-themes #themes-left {
		padding-right:1%;
		padding-left:12%;
	}

	#keynote-themes #themes-right {
		padding-left:1%;
		padding-right:0;
	}
	
	#keynote-themes #themes-left p {
		text-align:right;
	}
	
	#keynote-themes #themes-right p {
		text-align:left;
	}
	
	#boxed-highlights {
		width:75%;
		margin-left:auto;
		margin-right:auto;
	}

	#boxed-highlights #box1 {
		width:30%;
		min-height:23rem;
		float:left;
	}
	
	#boxed-highlights #box2 {
		margin-left:3%;
		width:30%;
		min-height:23rem;
		float:left;
	}
	
	#boxed-highlights #box3 {
		margin-left:3%;
		width:30%;
		min-height:23rem;
		float:left;
	}		

	#calendly-app {
		width:30rem;
		border-radius:25px;
	}
	
	#calendly-app h3 {
		font-size:1.6rem;
	}
	
	#sldi-wrapper {
		margin-top:4rem;
		margin-bottom:2rem;
		background-color:floralwhite;
		border-top:2px solid black;
		border-bottom:2px solid black;
	}
	
	#sldi-services {
		width:50%;
		min-height:12rem;
		margin-left:auto;
		margin-right:auto;
	}

	#sldi-services h2 {
		font-size:2.2rem;
		color:navyblue;
		font-weight:bold;
	}
	
	#sldi-services p,
	#sldi-services a {
		font-size:1.6rem;
	}
	
	#sldi-logo {
		width:12.5%;
		float:left;
		margin-left:5%;
	}`	
		
	#book-signing {
		margin-left:2%;
		float:left;
		padding-top:7rem;
	}

	#lapot-cover {
		float:right;
		z-index:-6;
	}

	#book-signing img {
		width:85%;
		height:auto;
		margin-left:1rem;
		margin-top:-6rem;
		float:left;
	}
	
	#latest-book {
		margin-left:1%;
	}	

	#lapot-cover img {
		width:80%;
		overflow:hidden;
		margin-top:-5rem;
		height:auto;
	}

	#podcast-wrapper {
		width:60%;
		margin-left:auto;
		margin-right:auto;
	}

	#podcast-wrapper h2 {
		font-size:2.6rem;
		padding:1rem 0;
		text-align:center;
	}
	
	#podcast-wrapper img {
		width:80%;
		margin-left:10%;
		margin-right:10%;
	}
	
	#podcast-wrapper p.episode {
		padding: 1rem 0;
		text-align:center;
	}
	
	#podcast-wrapper p.platforms {
		width:60%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		font-style:italic;
	}
}