@charset "UTF-8";
/* CSS Document */
/* CSS for LeaderPerfect pages related to coaching and consulting */

a { font-size:inherit; }

#pageheadergroup h1.pageheader {
	margin-top:-2rem;
	font-size:1.6rem;
}

.panel1 h2,
.panel2 h2,
.panel3 h2 {
	padding-top:2rem;
}

#content-wrapper {
	max-width:100vw;
	font-size:1.3rem;
}

#content-wrapper p {
	font-size:1.3rem;
	margin-top:.8rem;
	margin-right:4%;
	margin-left:6%;
}

.blue-banner {
	clear:both;
	background-color:rgb(23,54,95);
	width:100%;
	margin:.5rem 0;
	text-align:center;
}

.blue-banner h2,
.blue-banner h4 {
	background-color:rgb(23,54,95);
	color:white;
	text-align:center;
	font-size:1.2rem;
	font-weight:normal;
	padding-top:.25rem;
	padding-bottom:.25rem;
}

.blue-banner h4 {
	font-size:1.1rem;
	margin-top:2rem;
}

.blue-banner h2.best-version {
	margin-top:2rem;
}

.two-panel,
.three-panel {
	width:100%;
	display:block;
}

.panel1,
.panel2,
.panel3,
.panel-left,
.panel-right {
	width:100vw;
}

.page-content-wide,
.page-content-narrow {
	width:100vw;
}

.panel1 h2,
.panel2 h2,
.panel3 h2 {
	font-size:1.9rem;
	font-weight:600;
}

#content-wrapper .panel1 p,
#content-wrapper .panel2 p,
#content-wrapper .panel3 p {
	margin-top:.8rem;
}

.panel1 ul li,
.panel2 ul li,
.panel3 ul li {
	margin-top:.4rem;
	margin-left:6%;
	margin-right:4%;
	font-size:1.3rem;
}

.panel1 ul li.tight,
.panel2 ul li.tight,
.panel3 ul li.tight { margin-top:0; }

.panel1 { background-color:lightgoldenrodyellow; }

.panel2 { background-color:khaki; }

.panel3 { background-color:lightsteelblue; } 

#cta-consult {
	width:90%;
	display:flex;
	flex-direction:column;
	background-color:rgba(23,54,95);
	border-radius:15px;
	margin:2rem auto;
}

#cta-consult h3,
#cta-consult p {
	color:white;
}

#cta-consult h3 {
	font-size:1.6rem;
}

#cta-consult p {
	font-size:1.2rem;
}

#partner {
font-size:1.9rem;
padding-top:1rem;
}

.two-panel #related-pages,
.two-panel #other-links {
	width:100%;
}

#related-pages h4,
#other-links h4 {
	text-align:center;
}

#related-pages li,
#other-links li {
	margin-left:3rem;
}

.panel-right img {
	width:75%;
}

#in-person { padding-top:1rem; }

#customized p {
	width:94%;
	margin-left:3vw;
	margin-right:3vw;
}

#vitalskills1,
#vitalskills2,
#vitalskills3 {
	margin-left:6%;
}

#other-training ul {
	margin-left:6%;
}

#other-training ul li {
	margin-left:8%;
}

@media (min-width: 720px) {

	.management-training #pageheadergroup h1.pageheader {
		font-size:1.8rem;
	}
	
	.management-training #pageheadergroup h2.subtitle {
		font-size:1.4rem;
	}
	
	.management-training #pageheadergroup h3.subtitle {
		font-size:1.2rem;
	}
	
	.two-panel {
		display:flex;
		flex-direction:row;
		margin-top:2rem;
		width:100%;
	}
	
	.two-panel #related-pages {
		width:40%;
	}

	.two-panel #other-links {
		width:55%;
	}
}

@media (min-width: 1020px) {

	.management-training #pageheadergroup h1.pageheader {
		font-size:2.0rem;
	}
	
	.management-training #pageheadergroup h2.subtitle {
		font-size:1.6rem;
	}
	
	.management-training #pageheadergroup h3.subtitle {
		font-size:1.4rem;
	}
	
	.page-content-wide {
		max-width:96%;
		margin:0 auto;
	}
	
	.page-content-narrow {
		max-width:780px;
		margin:0 auto;
	}
	
	.two-panel,
	.three-panel {
		display:flex;
		flex-direction:row;
		margin-top:2rem;
	}
	
	.panel1,
	.panel2,
	.panel3 {
		width:30vw;
		margin-left:2vw;
		border:solid black 2px;
		border-radius:15px;
		box-shadow:10px 10px 5px 3px #777777;
	}
	
	.two-panel #related-pages,
	.two-panel #other-links {
		width:40%;
	}

	#pageheadergroup h1.pageheader { font-size:2.1rem; }
	
	#potential { font-size:1.9rem; }
	
	#in-person {
		padding-top:2rem;
		font-size:1.8rem;
	}
	
	#cta { margin-right:5%; }	

	#partner-content .panel-left {
		margin-left:8vw;
		margin-right:2vw;
	}

	#content-wrapper p.skillsets {
		max-width:100%;
		margin-left:0;
		margin-right:0;
	}

	.collapse p {
		margin-left:0;
	}
	
	.collapse li {
		margin-left:4rem;
	}
}	

@media (min-width: 1300px) {
	
	.two-panel {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
}
	
@media (min-width: 1500px) {
	

}