/* Standard text block */
.cpt-block {
	margin:0 auto;
	width:60%;
}

/* Extra bold layout, color brown */
.cpt-extra {
	color:#d9b63a;
	font-family:open-sans-extrabold;
	font-size:50px;
	margin:20px auto;
}
/* Bold layout brown smaller size */
.cpt-extra-small {
	color:#d9b63a;
	font-family:open-sans-extrabold;
	font-size:30px;
	width:100%;
}

/* Leader text at beginning of a chapter */
.cpt-lead {
    font-size: 30px;
	font-family:Myriad pro;
	font-weight:300;
	color:#554;
	font-style:italic;
	padding:4px;
	margin:30px auto;
	width:50%;
	border-top:2px solid #ccc;
	border-bottom:2px solid #ccc;
	letter-spacing:2px;
}

/* List with leading icon (span-formated) */
.cpt-gift span {
	font-family:open-sans-extrabold;
	font-size:30px;
	font-weight:800;
	color:#d9b63a;
	letter-spacing:3px;
	line-height:1.5em;
}

/* Inline span for list with leading icon */
.inline-span {
	display:inline-block;
	width:40px;
}

/* Block without columns and variable width and yellow background gradient, specially for bible text background use */
.cpt-single {					
	margin:0 auto;
	padding:10px;	
	background: radial-gradient(#ffffe5 30%, transparent 78%);
}

/* Block without columns and variable without background */
.cpt-single1 {					
	margin:0 auto;
	width:70%;
	padding:10px;
}

/* Simple paragraph */
.cpt-para {
	margin:0 auto;
	width:60%;
}

.cpt-list {
	margin:0 auto;
	width:30%;
	text-align:left;
	background: radial-gradient(#ffffaa 20%, transparent 78%);	
}

/* Links enlarged */
.cpt-link {
	margin:0 auto;
	align-items:center;
	width:60;
}
.cpt-link a {
	font-size:25px;
	color:green;
	text-align:left;
}
.cpt-link a:hover {
	font-size:30px;
	color:gold;
}

/* Plain twoo-column layout, equal width */
.cpt-plain {				
	margin:20px auto;
	display:flex;	
	align-items:center;
	width:1000px;
}
.cpt-plain-left {
	width:500px;
	padding:30px;
}
.cpt-plain-right {	
	width:500px;
	padding:30px;
}

/* Variant 2 col-list */
.cpt-lister {				
	display:block;
	margin:20px auto;
	display:flex;
	align-items:center;
	width:1300px;
}
.cpt-lister-left {
	width:35vw;
	padding:10px;
	text-align:left;
}
.cpt-lister-right {
	width:500px;
	padding:40px;
	height:auto;
	text-align:left;
	background:white;
	background: radial-gradient(#bbddee 2%, transparent 60%);
}
.cpt-lister-right ul {
	list-style-type:none;
	padding:0;
}
.cpt-lister-right li {
	display:flex;
	align-items:center;
	padding:12px 0 0 0;
}
.cpt-lister-right img {
	width:40px;
}

/* Variant Quad 2col, 2row, Border on top-right */
.cpt-quadri1 {				
	margin:20px auto;
	display:flex;	
	align-items:center;
	width:1100px;
}
.cpt-quadri1-left {
	width:750px;
	padding:30px;
}
.cpt-quadri1-right {
	border-top:1px solid #999;
	border-right:5px solid #bbb;
	width:750px;
	padding:30px;
}
/* Border on right bottom-left*/
.cpt-quadri2 {				
	margin:20px auto;
	display:flex;	
	align-items:center;
	width:1200px;
}
.cpt-quadri2-left {
	border-bottom:1px solid #999;
	border-left:5px solid #bbb;
	width:750px;
	padding:30px;
}
.cpt-quadri2-right {
	width:750px;
	padding:30px;
}

/* Variant Blanko */
.cpt-blenko {				
	margin:20px auto;
	display:flex;
	align-items:center;
	width:1400px;
}
.cpt-blenko-left {
	width:900px;
	padding:10px;
	text-align:left;
}
.cpt-blenko-right {
	width:500px;
	padding:40px;
	height:auto;
	text-align:left;	
}

/* Variant Blenko 2 small */
.cpt-blenko2 {				
	margin:20px auto;
	display:flex;
	align-items:center;
	width:1200px;
}
.cpt-blenko2-left {
	width:500px;
	padding:40px;
	text-align:left;
}
.cpt-blenko2-right {
	width:600px;
	padding:10px;
	height:auto;
	text-align:left;	
}

/* Variant Banner with heading - vertical aligned to center 1-2-3-4-5-6-7.... */
.cpt-banner {
	display:flex;
	align-items:center;
	justify-content:center;
	margin-bottom:60px;
}
.cpt-banner h3 {
	padding:0;
	margin:5px 0px 5px 0px;
	font-size:22px;
}
.cpt-banner > div {
	border-right:1px solid #999;
	border-bottom:5px solid #bbb;
	padding:10px;
	background:white;
	width:160px;
}
.cpt-banner > div > div {
	font-size:14px;
}

/* Grid layout*/
.cpt-grid {
	margin:0 auto 0 auto;
	display: grid;
	grid-template-columns: auto auto;
	padding: 10px;
	
}
.cpt-grid div {
	background-color:transparent;
	padding: 10px;
	font-size: 18px;
	text-align: center;
	margin:5px;	
}
	
@media screen and (max-width: 680px) {	
	/* Standard text block */
	.cpt-block {		
		width:100%;
	}

	/* Extra bold layout, color brown */
	.cpt-extra {
		font-size:25px;
		width:100%;
	}
	.cpt-extra-small {
		color:#d9b63a;
		font-family:open-sans-extrabold;
		font-size:30px;
		width:100%;
	}

	/* Leader text at beginning of a chapter */
	.cpt-lead {
		font-size:23px;	
		padding:4px;
		width:95%;
		color:#554 !important;
	}

	/* List with leading icon (span-formated) */
	.cpt-gift span {
		font-family:open-sans-extrabold;
		font-size:22px;
		font-weight:800;
		line-height:1.2em;
	}

	/* Inline span for list with leading icon */
	.inline-span {
		display:inline-block;
		width:40px;
	}

	/* Block without columns and variable width and yellow background gradient, specially for bible text background use */
	.cpt-single {					
		padding:5px;	
	}

	/* Block without columns and variable without background */
	.cpt-single1 {					
		width:95%;
		padding:5px;
	}	

	/* Variant Quad 2col, 2row, Border on top-right */
	.cpt-quadri1 {				
		margin:0;
		display:block;	
		align-items:center;
		width:95%;
	}
	.cpt-quadri1-left {
		width:95%;
		padding:0px;
	}
	.cpt-quadri1-right {
		width:95%;
		padding:0px;
	}
	/* Border on right bottom-left*/
	.cpt-quadri2 {				
		margin:0;
		display:block;	
		align-items:center;
		width:95%;
	}
	.cpt-quadri2-left {
		width:95%;
		padding:0px;
	}
	.cpt-quadri2-right {
		width:95%;
		padding:0px;
	}

	/* Variant Blanko */
	.cpt-blenko {				
		margin:0;
		display:block;
		align-items:center;
		width:95%;
	}
	.cpt-blenko-left {
		width:95%;
		text-align:center;
	}
	.cpt-blenko-right {
		width:95%;
		padding:0px;
		text-align:center;	
	}
	
	/* Variant 2 col-list */
	.cpt-lister {				
		margin:0 0 40px 0;
		display:block;
		align-items:center;
		width:93%;
	}
	.cpt-lister-left {
		width:95%;
		padding:5px;
		text-align:center;
	}
	.cpt-lister-right {
		width:95%;
		padding:0px;
		margin:0 0 0 40px;
		height:auto;
		text-align:center;
	}	
	.cpt-lister-right img {
		width:35px;
	}

	/* Variant Banner with heading - vertical aligned to center 1-2-3-4-5-6-7.... */
	.cpt-banner {
		display:block;
		margin:0px;
	}
	.cpt-banner h3 {
		padding:0;
		margin:5px 0px 5px 0px;
		font-size:22px;
	}
	.cpt-banner > div {		
		padding:5px;
		width:95%;
	}
	.cpt-banner > div > div {
		font-size:14px;
	}
	
	/* Grid layout*/
	.cpt-grid {
		margin:0;
		display:block;
		padding:5px;
		
	}
	.cpt-grid div {
		padding: 10px;
		font-size: 17px;
		text-align: center;
		margin:5px;		
	}	
	
	
}