/* ************************************************************************************************************************************************************* */
/* BASE STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* base of 16px = rem SO at 62.5% 1 rem will equal 10px: change at breakpoints then 68.75% 1 rem = 11px, 75% = 12px, 56.25% = 9px, 43.75% = 7px */
html{
	font-size:62.5%; /* 62.5% - 1rem will equal 10px */
	/*min-height:2000px;*/
}
body{
	/* can keep using 1rem = 10px, but have 16px as a fallback font size across site */
	font-size:1.6rem;
	/* unitless values: number multiplied by the element's font size */
	line-height:1.4;
}

/* Reset for some default browser CSS - General */
body, div, h1, h2, h3, p, ul, ol, li, img, header, section, aside, footer, button{
	margin:0; padding:0; border:0; list-style:none;
}

/* either underline and green on hover OR green and underline on hover */
a{
	border:green 0px solid;
	color:#000;
	font-size:1em;
	font-weight:bold;
	text-decoration:none; /* underline none */
}
	a:hover{
		color:#000; /*fd4f00*/
		text-decoration:underline;
		opacity:0.9;
		filter:alpha(opacity=90); /* For IE8 and earlier */
	}

:focus{
	outline:0;
}

h1, h2, h3, p, li, blockquote, :before, :after{
	text-align:left;
}

/* gaps before elements - instead of first have a nospacing option to use anywhere */
.nopadding{ padding-top:0 !important; }
.nomargin{ margin-top:0 !important; }
.nospacing{ padding-top:0 !important; margin-top:0 !important; }
/* previous first class method */
/* h1.first, h2.first, h3.first, p.first, dt.first{ padding-top:0; } */

h1, h2, h3, h4{
	/*font-family:'Open Sans', Verdana, Tahoma, sans-serif;*/ /*300 Light, 400 Normal, Semi-Bold 600, Bold 700 and Extra Bold 800*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold; /* 400 */
	width:100%;
}

h1{
	border:green 0px solid;
	font-size:2.3rem;
}

h2{
	border:green 0px solid;
	margin:0rem;
	padding:2.0rem 0 0 0; 
	color:#000;
	font-size:2.0rem;
	line-height:1.1;
}

h3, h4{
	border:green 0px solid;
	margin:0rem;
	padding:2.0rem 0 0 0; 
	color:#000;
	font-size:1.8rem;
}

p{
	border:blue 0px solid;
	margin:0rem;
	padding:2.0rem 0 0 0;
	color:#000;
	font-size:1.6rem;
	line-height:1.6;
	width:100%;
}
	p a{
		font-size:1em;
	}
	p em{
		font-weight:bold;
		font-style:normal;
	}
	p span{
	}
		p span.signature{
			font-family:'Kaushan Script', cursive, Verdana, sans-serif;
		}

em{
	border:blue 0px solid;
	font-weight:bold;
	font-style:normal;
}

span{
	border:blue 0px solid;
}
	span.signature{
		font-family:'Kaushan Script', cursive, Verdana, sans-serif;
	}

blockquote{
	border:red 0px solid;
	margin:0;
	padding:0rem 0rem 0 0rem; /*2.8rem 3.2rem*/
	font-size:1.6rem;
	text-align:left;
	text-align:justify;
	position:relative;
}
	blockquote::before{
		content:''; /* unicode left double quote \201C */
		font-family:Georgia, serif;
		font-size:5rem;
		line-height:1.0;
		font-weight:bold;
		color:#999;		
		/* positioning */
		position:absolute;
		left:0;
		top:0;
	}	
	blockquote::after{
		content:""; /* unicode left double quote \201D */
		font-family:Georgia, serif;
		font-size:5rem;
		line-height:0;
		font-weight:bold;
		color:#999;	
		/* positioning */
		position:absolute;
		right:0;
		bottom:0;
	}

.image-replaced, .copy-replaced{
    text-indent: -999999px;
}

/* clearfix */
.clearfix:after{
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	line-height:0;
	height:0;
}
.clearfix{
	display:inline-block;
}
html[xmlns] .clearfix{
	display:block;
}
* html .clearfix{
	height:1%;
}

/* test if CSS enabled */
#checkCSS{
	font-size:12px;
}

/* Browser specific (not valid) styles to make preformatted text wrap */		
pre{
	white-space:pre-wrap;       /* css-3 */
	white-space:-moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space:-pre-wrap;      /* Opera 4-6 */
	white-space:-o-pre-wrap;    /* Opera 7 */
	word-wrap:break-word;       /* Internet Explorer 5.5+ */
}

/* div */
div{
	border:red 0px solid;
}
	/* general flex div for testing and stuff */
	div.flex{
		border:red 0px solid;
		/* FLEX */
		display:-webkit-flex;
		display:flex;
		/* direction/wrap */
		-webkit-flex-flow:row nowrap;
		flex-flow:row nowrap;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-align-items:center;
		align-items:center;
	}

div, figure, figcaption, picture, section, article, img, table, th, td, td:before, ol, ul, li, h1, h2, h3, p, blockquote, nav, form, 
fieldset, label, .label, input, .input, .text, textarea, .textarea, select, .select{
	/* Full width inputs with padding */
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

div, section, article{
	clear:both;
	width:100%;
}

.border-box{
	/* Full width inputs with padding */
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* BODY */
body{
	border:green 0px solid;
	margin-top:0;
	/*font-family:'Open Sans', Verdana, Tahoma, sans-serif;*/
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:1rem; /* default font 10px */
	text-align:center;
	background-color:#eee; /*fff*/
}
/* BODY */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* IMAGES */

img{
	border:green 0px solid;
	margin:0rem auto 0rem auto; /* remove auto to position left */
	padding:0px;				
	min-width:50px;
	max-width:100%;
	width:auto;
	display:block; /* remove space below inline image element */
}

/* image */
figure{
	border:red 0px solid;
	clear:both;
	margin:3.5rem auto 0 auto;
	padding:0;
	font-size:1rem;
	/*text-align:center;*/
	max-width:100%;
	width:100%;
	display:block; /* remove space below inline image element */
}
	figure img{
	}
	figcaption{
		border:black 0px solid;
		margin:0;
		padding:1.0rem 1.0rem 0.3rem 1.0rem;
		color:#283788;
		font-size:1.8rem;
		font-weight:normal;
		text-align:center;
		width:100%;
		display:block;
		background-color:#fff;
	}
		figcaption.below{
		}
		figcaption a{
		}
/* image */
picture{
	border:black 0px solid;
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	/* keep padding - center if you like */
	max-width:100%;
	width:100%;
	display:block; /* remove space below inline image element */
}
	picture img{
	}
/* IMAGES */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* BASE STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ************************************************************************************************************************************************************* */
/* LAYOUT: OVERALL SITE LAYOUT: GRID */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* OVERALL SITE LAYOUT: GRID (PARENT) - OVERALL CONTAINER */

/* grid container */
.site-container{
	border:red 0px dashed;
	clear:both;
	margin:0 auto 3rem auto; /* bottom for back to top space */
	width:800px;
	/* GRID */
	display:grid;
	grid-template-columns:100%;
	grid-template-rows:auto;
}
	/* grid element */
	.site-element{
		border:blue 0px dashed;
		/* always clear layout blocks as a float in the one above may affect it */
		clear:both;
		color:#858585;
		font-size:1rem;
		margin:0% 0%;
		padding:0% 0%;
		width:auto;
		background-color:#fff;
		/* GRID CHILD */
	}
/* OVERALL SITE LAYOUT: GRID (PARENT) - OVERALL CONTAINER */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* OVERALL SITE LAYOUT: GRID (CHILD) - HEADER */
/*
	site-header is the page header
	ONLY DO THE GRID STUFF HERE - rest in the header.css file
*/

/* site container child - header area */
#site-header{
	/* GRID CHILD */
	grid-column:1/2;
	grid-row:1/2;
}
/* OVERALL SITE LAYOUT: GRID (CHILD) - HEADER */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* OVERALL SITE LAYOUT: GRID (CHILD) - MAIN AREA */

/* site container child - main area */
.site-main{
	/* GRID CHILD */
	grid-column:1/2;
	grid-row:2/3;
}	
/* OVERALL SITE LAYOUT: GRID (CHILD) - MAIN AREA */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* OVERALL SITE LAYOUT: GRID (CHILD) - FOOTER */
/*
	site-footer is the page footer
	ONLY DO THE GRID STUFF HERE - rest in the footer.css file
*/

/* site container child - footer area */
#site-footer{
	/* GRID CHILD */
	grid-column:1/2;
	grid-row:3/4;
}
/* OVERALL SITE LAYOUT: GRID (CHILD) - FOOTER */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* PANELS: GRID - general site containers: panels */

/* panels container */
.panels-container{
	border:red 0px solid;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:auto;
}
	/* grid element */
	.panels{
		border:blue 0px solid;
	}
		.panels h2{
		}
	/* grid cells */
	.panel-1{
		grid-column:1/2;
		grid-row:1/2;
	}
		.panel-1 h2{
		}
		.panel-1 p{
		}
	.panel-2{
		grid-column:1/2;
		grid-row:2/3;
	}
	.panel-3{
		grid-column:1/2;
		grid-row:3/4;
	}
/* PANELS: GRID - general site containers: panels */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* CELLS: general site containers: cells usually used as children of panels */
.cells-container{
	border:red 0px solid;
	margin:0;
	padding:0;
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows:auto;
}
	/* generic cell styles */
	.cells{
		border:red 0px solid;
	}
	/* specific cell styles */
	.cell-1{
		border:blue 0px solid;
	}
/* CELLS: general site containers: cells usually used as children of panels */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* LAYOUT: OVERALL SITE LAYOUT: GRID */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ************************************************************************************************************************************************************* */
/* HEADER SECTION */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* header element - use the element as semantic markup but id=header to style it */
#site-header{
	margin:1.5rem 0 0 0;
	padding-top:0rem;
	padding-bottom:0rem;
	color:#000;
	min-height:1rem;
	background-color:#fff;
	width:100%;
	/* FLEX */
	display:-webkit-flex;
	display:flex;
	/* direction/wrap */
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}
	/* container */
	#site-header .header-h1-container{
		border:red 0px dashed;
		margin:0;
		padding:0;
		min-height:1rem;
		width:100%;
		/* FLEX */
		display:-webkit-flex;
		display:flex;
		/* direction/wrap */
		-webkit-flex-flow:column nowrap;
		flex-flow:column nowrap;
		-webkit-justify-content:center;
		justify-content:center;
		-webkit-align-items:center;
		align-items:center;
	}
		/* elements */
		#site-header .header-h1{
			border:red 0px solid;
		}
			/* element */
			#site-header .header-h1-c1{
				/* FLEX CHILD */
				width:100%;
				order:1;
			}
			#site-header .header-h1-c2{
				/* FLEX CHILD */
				width:100%;
				order:2;
			}
			#site-header .header-h1-c3{
				/* FLEX CHILD */
				width:100%;
				order:3;
			}
			#site-header .header-h1-c4{
				/* FLEX CHILD */
				width:100%;
				order:4;
			}
			/* ---------------------------------------------------------------------------------------------------------------------------- */
			/* cell 1 */
			#site-header .header-h1-c1{
			}
				/* image */
				#site-header .header-h1-c1 figure{
					margin-top:0;
					padding:0rem 0;
					max-width:100%;
				}
					#site-header .header-h1-c1 figure img{
					}
				#site-header .header-h1-c1 picture{
				}
					#site-header .header-h1-c1 picture img{
						max-width:100%;
					}
			/* cell 1 */
			/* ---------------------------------------------------------------------------------------------------------------------------- */
			
			/* ---------------------------------------------------------------------------------------------------------------------------- */
			/* cell 2 */
			#site-header .header-h1-c2{
				background-color:#ccc;
			}
				#site-header .header-h1-c2 h2{
					margin:0;
					padding:0.7rem 1.0rem;
					font-size:1.9rem;
					font-weight:bold;
					text-align:right;
				}
			/* cell 2 */
			/* ---------------------------------------------------------------------------------------------------------------------------- */
			
			/* ---------------------------------------------------------------------------------------------------------------------------- */
			/* cell 3 */
			#site-header .header-h1-c3{
				border-top:#000 1px solid;
				border-bottom:#000 0px solid;
				margin:0;
				padding:0.7rem 0rem;
				font-size:1.8rem;
				line-height:1.2;
				text-align:left;
			}
				#site-header .header-h1-c3 a{
					margin:0;
					padding:0rem 1.0rem;
					display:block;
				}
			/* cell 3 */
			/* ---------------------------------------------------------------------------------------------------------------------------- */
			
			/* ---------------------------------------------------------------------------------------------------------------------------- */
			/* cell 4 */
			#site-header .header-h1-c4{
				border-top:#000 1px solid;
				border-bottom:#000 1px solid;
				margin:0;
				padding:0.2rem 0rem; /*0.7rem 0rem*/
				font-size:1.8rem;
				line-height:1.2;
				text-align:left;
			}
				#site-header .header-h1-c4 a{
					margin:0;
					padding:0rem 1.0rem;
					display:block;
				}
			/* cell 4 */
			/* ---------------------------------------------------------------------------------------------------------------------------- */

			/* ---------------------------------------------------------------------------------------------------------------------------- */
			/* Blog Nav - blog menu */
		
			/* nav element - use the element as semantic markup but id=nav-blog to style it */
			#blog #nav-blog{
				border:red 0px dashed;
				float:left;
				margin:0em 0 0 0;
				padding:0rem 1.0rem;
				font-size:1rem;
				width:100%;
				/* FLEX */
				display:-webkit-flex;
				display:flex;
				-webkit-flex-flow:row nowrap;
				flex-flow:row nowrap;
				-webkit-justify-content:flex-start;
				justify-content:flex-start;
				-webkit-align-items:flex-start;
				align-items:flex-start;
			}
				#blog #nav-blog h2{
					border:green 0px dashed;
					margin:0;
					padding:0.7rem 1rem 0.5rem 0;
					font-size:1.8rem;
					line-height:1.2;
					width:auto;
				}
				/* html list ul */
				#blog #nav-blog ul{
					border:red 0px dashed;
					margin:0;
					padding:0;
					/* FLEX */
					display:-webkit-flex;
					display:flex;
					-webkit-justify-content:flex-start;
					justify-content:flex-start;
					-webkit-align-items:flex-start;
					align-items:flex-start;
				}
					#blog #nav-blog ul li{
						border:red 0px dashed;
						margin:0;
						padding:0;
						list-style:none;
						/* FLEX */
						display:-webkit-flex;
						display:flex;
						-webkit-justify-content:flex-start;
						justify-content:flex-start;
						-webkit-align-items:flex-start;
						align-items:flex-start;
					}
						#blog #nav-blog ul li a{
							border:orange 0px solid;
							margin:0;
							padding:0.7rem 1.0rem 0.5rem 1.0rem;
							font-size:1.8rem;
							line-height:1.2;
						}
			/* Blog Nav - blog menu */
			/* ---------------------------------------------------------------------------------------------------------------------------- */

/* HEADER SECTION */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ************************************************************************************************************************************************************* */
/* MAIN STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.site-main{
}
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* MAIN PANELS: CONTENT AREAS - normal/grid/flex: GRID */
	/* 
		Multi-column design so just have spacing BELOW the panels container and the same amount on the TOP of panels themselves.
		This way the top and bottom page spacing matches AND the columns wrap from 3 to 1 with the same amount of spacing between 
		each one as a gap.
	*/
	
	/* panels container */
	.main-panels-container{
		border:red 0px dashed;
		margin:0rem 0% 0rem 0%;
		padding:0rem 0% 3.0rem 0%; /* together */
		min-height:25rem; /* 250px */
		/* GRID */
		display:grid;
		grid-template-columns:1fr;
		grid-template-rows:auto;
		justify-items:center;
	}
		/* grid element */
		.main-panels{
			border:blue 0px dashed;
			margin:3.0rem 0rem 0rem 0rem; /* together */
			padding:0% 0%;
			text-align:center;
			width:96%;
			/*overflow-x:auto;*/ /* horizontal scrolling tables */
			/* GRID CHILD */
			grid-column:1/2;
		}
			/* '.main-panels :first-child' would be the first child (of every div) INSIDE every div with class .main-panels ALL THE FIRST CHILDREN */
			.main-panels :first-child{
				margin-top:0;
				padding-top:0;
			}
			/* arrow for immediate children only IMMEDIATE CHILD ONLY */
			/*.main-panels > :first-child{
				margin-top:0;
				padding-top:0;
			}*/
			.main-panels h2, .main-panels h3, .main-panels p{
			}
			.main-panels h2{
			}
			.main-panels h3{
			}
			.main-panels p{
			}				
				.main-panels p.links{
				}
					.main-panels p.links a{
					}
		/* grid cells */
		.main-panels .main-panel-1{
			/*padding-top:20rem;*/
			/* GRID CHILD */
			grid-row-start:1;
			grid-row-end:2;
		}
			.main-panel-1 h2{
			}
			.main-panel-1 p{
			}
		.main-panel-2{
			/* GRID CHILD */
			grid-row-start:2;
			grid-row-end:3;
		}
	/* MAIN PANELS: CONTENT AREAS */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	
/* MAIN STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ************************************************************************************************************************************************************* */
/* FOOTER SECTION */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#site-footer{
	border-top:#000 1px solid;
	margin:0rem 0% 0rem 0%;
	padding:0rem 0% 0rem 0%;
	color:#000;
	min-height:1rem;
	background-color:#ccc;
	/* FLEX */
	display:-webkit-flex;
	display:flex;
	/* direction/wrap */
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:center;
	align-items:center;
}
	#site-footer a{
		color:#000;
	}
	
	#site-footer div{
		border:red 0px solid;
	}
	#site-footer .site-footer-cells{
		border:green 0px dashed;
		margin:0;
		padding:0rem 5%;
		text-align:left;
		/* FLEX CHILD */
		width:100%;
		/*-webkit-align-self:flex-end;
		align-self:flex-end;*/
	}
	#site-footer #site-footer-c1{
		text-align:center;
		/* FLEX CHILD */
		width:100%;
		/*-webkit-align-self:flex-end;
		align-self:flex-end;*/
	}
	#site-footer #site-footer-c2{
		text-align:left;
		/* FLEX CHILD */
		width:100%;
	}
	
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* list */	
	#site-footer ul{
		border:red 0px dashed;
		padding:0;
		font-size:1rem;
	}
		#site-footer ul li{
			border:blue 0px dashed;
			margin:0;
			padding:0;
			color:#000;
			font-size:1.8rem;
			font-weight:normal;
			text-align:center;
			list-style-type:none;
		}
			#site-footer ul li a{
				border:green 0px dashed;
				color:#000;
				text-decoration:none;
			}
				#site-footer ul li a:hover{
					text-decoration:underline;
				}
	/* list */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* copyright list */
	#site-footer ul.copyright{
		margin:0;
		padding:0rem 0 0 0;
	}
		#site-footer ul.copyright li{
			margin:0 0 0 0rem;
			padding:0.5rem 0;
			color:#000;
			font-size:1.5rem;
			line-height:1.5;
			text-align:center;
			width:100%;
		}
			#site-footer ul.copyright li.phone{
			}
			#site-footer ul.copyright li a{
			}
				#site-footer ul.copyright li a:hover{
				}
	/* copyright list */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	
/* FOOTER SECTION */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */




/* ************************************************************************************************************************************************************* */
/* BLOG AREA STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

#bcbg{
	border:orange 0px solid;
}
	#bcbg h2{
		color:#000;
		font-size:2.0rem;
		text-align:left;
	}
	
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* PAGING */
	#bcbg .paging{
		border:blue 0px dashed;
		border-top:#e2e2e2 1px solid;
		border-bottom:#e2e2e2 1px solid;
		margin:1.5rem 2.0% 1.5rem 2.0%;
		margin-top:0;
		padding:0.8rem 1.0rem;
		font-size:1.8em;
		width:96%;
		display:inline-block;
		/* Full width inputs with padding */
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
		#bcbg .paging .paging-nav{
			border:red 0px solid;
			margin:0;
			padding:0;
			color:#333;
			font-size:1.8rem;
			text-align:right;
		}
			#bcbg .paging .paging-nav span{
				border:green 0px dashed;
				clear:none;
				margin:0;
				padding:0.2rem;
				color:#333;
				font-size:1.0em;
				font-weight:normal;
				text-decoration:none;
				width:auto;
			}
				#bcbg .paging .paging-nav span.numbered-list{
					margin:0;
					padding:0 0 0 0rem;
				}
			#bcbg .paging .paging-nav a{
				border:red 0px dashed;
				padding:0.2rem;
				color:#13216a;
				text-decoration:none;
			}
				#bcbg .paging .paging-nav a:hover{
					color:#13216a;
					text-decoration:underline;
				}
				#bcbg .paging .paging-nav a.selected{
					color:#13216a;
					text-decoration:underline;
				}
		/* wordpress uses page-numbers and current */
		#bcbg .paging .paging-nav span.current{
			border:orange 0px dashed;
		}
		#bcbg .paging .paging-nav .prev{
			padding-right:0.3rem;
		}
		#bcbg .paging .paging-nav .next{
			padding-left:0.3rem;
		}
	/* PAGING */
	/* ---------------------------------------------------------------------------------------------------------------------------- */

/* BLOG AREA STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ************************************************************************************************************************************************************* */
/* BLOG MENU STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Blog Nav */
#bcbg ul.menu-blog{
	border-top:#e2e2e2 1px solid;
	border-bottom:#e2e2e2 1px solid;
	margin:1.5rem 2.0% 0 2.0%;
	padding:0;
	display:inline-block;
	text-align:left;
	width:96%;
	/* Full width inputs with padding */
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
	#bcbg ul.menu-blog li{
		border:red 0px solid;
		margin:0;
		padding:0 0.5rem 0 0;
		clear:none;
		float:left;
		font-size:1.8rem;
		list-style-type:none;
	}
		/*#bcbg ul.menu-blog li.title{
			padding:0.5rem 1rem 0.5rem 0;
			font-weight:bold;
		}*/
		#bcbg ul.menu-blog li:not(:last-child):after{
		}
		#bcbg ul.menu-blog li a{
			border:green 0px solid;
			padding:0.5rem 0.5rem;
			color:#13216a;
			font-size:1em;
			text-decoration:none;
			display:inline-block; /* expand li around link padding */
		}
			#bcbg ul.menu-blog li a:hover{
				text-decoration:underline;
				opacity:0.9;
			}
			#bcbg ul.menu-blog li.selected a{
				text-decoration:underline;
			}
			/* wordpress uses classes on the <li> not the link */
			/* first li - title */
			#bcbg ul.menu-blog li:first-of-type{
				padding:0.5rem 1rem 0.5rem 0;
				font-weight:bold;
			}
			/* last li */
			#bcbg ul.menu-blog li:last-of-type{
				padding-right:0rem;
			}
			/* wordpress uses current_page_item on active li */
			#bcbg ul.menu-blog li a.selected,
			#bcbg ul.menu-blog li.current_page_item a{
				border:green 0px dashed;
				opacity:0.8;
				/*text-decoration-style:dotted;
				text-decoration-line:underline;*/
				text-decoration:underline;
			}
				#bcbg ul.menu-blog li a.selected:hover,
				#bcbg ul.menu-blog li.current_page_item a:hover{
					opacity:0.8;
					/*text-decoration:underline;*/
				}
/* Blog Nav */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* BLOG MENU STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ************************************************************************************************************************************************************* */
/* BLOG LIST STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Blog List */
#bcbg .blog-list{
	border:red 0px solid;
	margin:0.5rem 0% 0rem 0%;
	padding:0 0% 1.0rem 0%;
	text-align:left;
	width:100%;
	/* FLEX */
	display:-webkit-flex;
	display:flex;
	/* direction/wrap */
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:stretch;
	align-items:stretch;
}
	#bcbg .blog-list h2{
		background:transparent url(img/icons/fc-blog.png) no-repeat 0rem 0.1rem;
		padding:0.3rem 0 0.3rem 40px;
	}
	#bcbg .blog-list article{
		border:#858585 1px solid;
		margin:2.0rem 0.7% 0rem 0.7%; /*1.0rem 0.7% 0rem 0.7%;*/
		padding:1.0rem;
		/*border-radius:10px;*/
		box-shadow:5px 5px 4px #ccc;
		position:relative;
		/* FLEX */
		display:-webkit-flex;
		display:flex;
		/* direction/wrap */
		/*-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-align-items:flex-start;
		align-items:flex-start;*/
		-webkit-flex-flow:column nowrap;
		flex-flow:column nowrap;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		/* FLEX CHILD */
		flex-grow:0;
		flex-shrink:1;
		flex-basis:calc(100% - 1.4%);  /* gutter size - 33.33% */
	}
		#bcbg .blog-list article:before{
		}
		#bcbg .blog-list article:after{
		}
		/* every nth child - 1,3,5 */
		#bcbg .blog-list article:nth-child(2n+1){
		}
		/* every nth child - 2,4,6 */
		#bcbg .blog-list article:nth-child(2n+2){
		}
		/* first child */
		#bcbg .blog-list article:nth-child(1){
		}
		/* second child */
		#bcbg .blog-list article:nth-child(2){		
		}
		/* third child */
		#bcbg .blog-list article:nth-child(3){		
		}
		/* fourth child */
		#bcbg .blog-list article:nth-child(4){	
		}
		#bcbg .blog-list article p{
			margin:0;
			padding:0.8rem 0 0 0;
			/*color:#858585;*/
			font-size:1.5rem;
			line-height:1.2;
			text-align:left;
			width:100%;
		}
			#bcbg .blog-list article p.title{
				padding-top:0;
				color:#333;
				font-size:1.7rem;
				line-height:1.3;
				font-weight:bold;
			}
			#bcbg .blog-list article p.date{
				font-size:1.4rem;
				font-weight:normal;
			}
			#bcbg .blog-list article p.desc{
				text-align:justify;
				flex:1; /*stretch height*/
			}
			#bcbg .blog-list article p.company{
				font-weight:bold;
				font-style:italic;
			}
			#bcbg .blog-list article p.author{
				font-weight:bold;
				font-style:italic;
			}
		#bcbg .blog-list article ul{
			margin:1.0rem 0 0 0rem;
			padding:0rem;
		}
			#bcbg .blog-list article ul li{
				border:red 0px solid;
				margin:0 0 0 2rem;
				padding:0 0 0 0rem;
				color:#000;
				font-size:1.5rem;
				line-height:1.4;
				font-weight:normal;
				text-align:left;
				width:auto;
				list-style-position:outside;
				list-style-type:disc;
			}
		#bcbg .blog-list article ol{
			margin:1.0rem 0 0 0rem;
			padding:0rem;
			font-size:1rem;
			list-style-position:outside;
			list-style-type:decimal;
		}
			#bcbg .blog-list article ol li{
				border:red 0px solid;
				margin:0 0 0 2.0rem;
				padding:0;
				color:#000;
				font-size:1.5rem;
				line-height:1.4;
				font-weight:normal;				
				text-align:left;
				list-style-position:outside;
				list-style-type:decimal;
			}
		/* image */
		#bcbg .blog-list article figure{
			margin:0;
			padding:0rem;
			max-width:75%;
			width:100%;
		}
			#bcbg .blog-list article figure img{
				border:#e2e2e2 1px solid;
				margin:0;
				padding:0.3rem;
			}
			#bcbg .blog-list article figcaption{
			}
		#bcbg .blog-list article picture{
		}
			#bcbg .blog-list article picture img{
			}
		#bcbg .blog-list article .blog-list-c1{
			border:red 0px solid;
			/* FLEX CHILD */
			/*width:30%;*/
			width:0%;
		}
		#bcbg .blog-list article .blog-list-c2{
			border:red 0px solid;
			margin:0 0 0 0rem;
			/* FLEX CHILD */
			/*width:68%;*/
			width:100%;
		}
/* Blog List */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* BLOG LIST STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ************************************************************************************************************************************************************* */
/* BLOG DETAILS STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------------------------------------------------------------------------------------------------------- */
/* Blog Details */
#bcbg .blog-details{
	border:red 0px solid;
	margin:0.5rem 0% 0rem 0%;
	padding:0 0% 1.0rem 0%;
	text-align:left;
	width:100%;
	/* FLEX */
	display:-webkit-flex;
	display:flex;
	/* direction/wrap */
	-webkit-flex-flow:row wrap;
	flex-flow:row wrap;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
	-webkit-align-items:stretch;
	align-items:stretch;
}
	#bcbg .blog-details h2{
		background:transparent url(img/icons/fc-blog.png) no-repeat 0rem 0.1rem;
		padding:0.3rem 0 0.3rem 40px;
	}
	#bcbg .blog-details article{
		border:#858585 1px solid;
		margin:2.0rem 0.7% 0rem 0.7%; /*1.0rem 0.7% 0rem 0.7%;*/
		padding:1.0rem;
		/*border-radius:10px;*/
		box-shadow:5px 5px 4px #ccc;
		position:relative;
		/* FLEX */
		display:-webkit-flex;
		display:flex;
		/* direction/wrap */
		/*-webkit-flex-flow:row wrap;
		flex-flow:row wrap;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-align-items:flex-start;
		align-items:flex-start;*/
		-webkit-flex-flow:column nowrap;
		flex-flow:column nowrap;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-align-items:flex-start;
		align-items:flex-start;
		/* FLEX CHILD */
		flex-grow:0;
		flex-shrink:1;
		flex-basis:calc(100% - 1.4%);  /* gutter size - 33.33% */
	}
		#bcbg .blog-details article:before{
		}
		#bcbg .blog-details article:after{
		}
		/* every nth child - 1,3,5 */
		#bcbg .blog-details article:nth-child(2n+1){
		}
		/* every nth child - 2,4,6 */
		#bcbg .blog-details article:nth-child(2n+2){
		}
		/* first child */
		#bcbg .blog-details article:nth-child(1){
		}
		/* second child */
		#bcbg .blog-details article:nth-child(2){		
		}
		/* third child */
		#bcbg .blog-details article:nth-child(3){		
		}
		/* fourth child */
		#bcbg .blog-details article:nth-child(4){	
		}
		#bcbg .blog-details article p{
			margin:0;
			padding:0.8rem 0 0 0;
			/*color:#858585;*/
			font-size:1.5rem;
			line-height:1.2;
			text-align:left;
			width:100%;
		}
			#bcbg .blog-details article p.title{
				padding-top:0;
				color:#333;
				font-size:1.7rem;
				line-height:1.3;
				font-weight:bold;
			}
			#bcbg .blog-details article p.date{
				font-size:1.4rem;
				font-weight:normal;
			}
			#bcbg .blog-details article p.desc{
				text-align:justify;
				flex:1; /*stretch height*/
			}
			#bcbg .blog-details article p.company{
				font-weight:bold;
				font-style:italic;
			}
			#bcbg .blog-details article p.author{
				font-weight:bold;
				font-style:italic;
			}
		#bcbg .blog-details article ul{
			margin:1.0rem 0 0 0rem;
			padding:0rem;
		}
			#bcbg .blog-details article ul li{
				border:red 0px solid;
				margin:0 0 0 2rem;
				padding:0 0 0 0rem;
				color:#000;
				font-size:1.5rem;
				line-height:1.4;
				font-weight:normal;
				text-align:left;
				width:auto;
				list-style-position:outside;
				list-style-type:disc;
			}
		#bcbg .blog-details article ol{
			margin:1.0rem 0 0 0rem;
			padding:0rem;
			font-size:1rem;
			list-style-position:outside;
			list-style-type:decimal;
		}
			#bcbg .blog-details article ol li{
				border:red 0px solid;
				margin:0 0 0 2.0rem;
				padding:0;
				color:#000;
				font-size:1.5rem;
				line-height:1.4;
				font-weight:normal;				
				text-align:left;
				list-style-position:outside;
				list-style-type:decimal;
			}
		/* image */
		#bcbg .blog-details article figure{
			margin:0;
			padding:0rem;
			width:100%;
		}
			#bcbg .blog-details article figure img{
				border:#e2e2e2 1px solid;
				margin:0;
				padding:0.3rem;
			}
			#bcbg .blog-details article figcaption{
			}
		#bcbg .blog-details article picture{
		}
			#bcbg .blog-details article picture img{
			}
		#bcbg .blog-details article .blog-details-c1{
			border:red 0px solid;
			/* FLEX CHILD */
			/*width:30%;*/
			width:0%;
		}
		#bcbg .blog-details article .blog-details-c2{
			border:red 0px solid;
			margin:0 0 0 0rem;
			/* FLEX CHILD */
			/*width:68%;*/
			width:100%;
		}
/* Blog Details */
/* ---------------------------------------------------------------------------------------------------------------------------- */

/* BLOG DETAILS STYLES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ********************************************************************************************************************************************************************* */





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BASE STYLES - MEDIA QUERIES */

/* 
	ems for media queries : 100% = 1 em ~= 16px ~= 14pt 
	Note: if you apply two rules that collide to the same elements, it will choose the last one that was declared, unless the 
	first one has the !important marker. 
	So, start with pc styles then go for large screen, tablet, mobile so that they override in that order.
*/

/* MOBILE / SMALL SCREEN LAYOUT */
@media all and (max-width: 50em) { /* 800px = 50em, 640px = 40em */
	/* base of 16px = rem SO at 62.5% 1 rem will equal 10px: change at breakpoints then 68.75% 1 rem = 11px, 75% = 12px, 56.25% = 9px, 43.75% = 7px */
	html{
	}
	body{
		border:red 0px dashed;
	}
}
/* MOBILE / SMALL SCREEN LAYOUT */

/* BASE STYLES - MEDIA QUERIES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* LAYOUT: OVERALL SITE LAYOUT: GRID - MEDIA QUERIES */

/* MOBILE / SMALL SCREEN LAYOUT */
@media all and (max-width: 50em) { /* 800px = 50em, 640px = 40em */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* OVERALL SITE LAYOUT: GRID (PARENT) - OVERALL CONTAINER */
	
	/* grid container */
	.site-container{
		margin:0 auto 3rem auto; /* bottom for back to top space */
		width:100%;
	}
		/* grid element */
		.site-element{
			margin:0% 0%;
			padding:0% 0%;
			/* GRID CHILD */
		}
	/* OVERALL SITE LAYOUT: GRID (PARENT) - OVERALL CONTAINER */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* OVERALL SITE LAYOUT: GRID (CHILD) - HEADER */
	
	/* site container child - header area */
	#site-header{
		/* GRID CHILD */
	}
	/* OVERALL SITE LAYOUT: GRID (CHILD) - HEADER */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* OVERALL SITE LAYOUT: GRID (CHILD) - MAIN AREA */
	
	/* site container child - main area */
	.site-main{
		/* GRID CHILD */
	}	
	/* OVERALL SITE LAYOUT: GRID (CHILD) - MAIN AREA */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* OVERALL SITE LAYOUT: GRID (CHILD) - FOOTER */
	
	/* site container child - footer area */
	#site-footer{
		/* GRID CHILD */
	}
	/* OVERALL SITE LAYOUT: GRID (CHILD) - FOOTER */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* PANELS: GRID - general site containers: panels */
	
	/* panels container */
	.panels-container{
	}
		/* grid element */
		.panels{
		}
			.panels h2{
			}
		/* grid cells */
		.panel-1{
		}
			.panel-1 h2{
			}
			.panel-1 p{
			}
		.panel-2{
		}
		.panel-3{
		}
	/* PANELS: GRID - general site containers: panels */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* CELLS: general site containers: cells usually used as children of panels */
	.cells-container{
	}
		/* generic cell styles */
		.cells{
		}
		/* specific cell styles */
		.cell-1{
		}
	/* CELLS: general site containers: cells usually used as children of panels */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
}
/* MOBILE / SMALL SCREEN LAYOUT */

/* LAYOUT: OVERALL SITE LAYOUT: GRID - MEDIA QUERIES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* HEADER - MEDIA QUERIES */

/* MOBILE / SMALL SCREEN LAYOUT */
@media all and (max-width: 50em) { /* 800px = 50em, 640px = 40em */
	/* header element - use the element as semantic markup but id=header to style it */
	#site-header{
	}
		/* container */
		#site-header .header-h1-container{
		}
			/* elements */
			#site-header .header-h1{
			}
				/* element */
				#site-header .header-h1-c1{
					/* FLEX CHILD */
				}
				#site-header .header-h1-c2{
					/* FLEX CHILD */
				}
				#site-header .header-h1-c3{
					/* FLEX CHILD */
				}
				#site-header .header-h1-c4{
					/* FLEX CHILD */
				}
				/* ---------------------------------------------------------------------------------------------------------------------------- */
				/* cell 1 */
				#site-header .header-h1-c1{
				}
					/* image */
					#site-header .header-h1-c1 figure{
					}
						#site-header .header-h1-c1 figure img{
						}
					#site-header .header-h1-c1 picture{
					}
						#site-header .header-h1-c1 picture img{
						}
				/* cell 1 */
				/* ---------------------------------------------------------------------------------------------------------------------------- */
				
				/* ---------------------------------------------------------------------------------------------------------------------------- */
				/* cell 2 */
				#site-header .header-h1-c2{
				}
					#site-header .header-h1-c2 h2{
						padding:0.7rem 1.0rem;
						font-size:1.7rem;
					}
				/* cell 2 */
				/* ---------------------------------------------------------------------------------------------------------------------------- */
				
				/* ---------------------------------------------------------------------------------------------------------------------------- */
				/* cell 3 */
				#site-header .header-h1-c3{
					padding:0.7rem 0rem;
					font-size:1.7rem;
				}
					#site-header .header-h1-c3 a{
					}
				/* cell 3 */
				/* ---------------------------------------------------------------------------------------------------------------------------- */
				
				/* ---------------------------------------------------------------------------------------------------------------------------- */
				/* cell 4 */
				#site-header .header-h1-c4{
					padding:0.2rem 0rem; /*0.7rem 0rem*/
					font-size:1.7rem;
				}
					#site-header .header-h1-c4 a{
					}
				/* cell 4 */
				/* ---------------------------------------------------------------------------------------------------------------------------- */
	
				/* ---------------------------------------------------------------------------------------------------------------------------- */
				/* Blog Nav - blog menu */
			
				/* nav element - use the element as semantic markup but id=nav-blog to style it */
				#blog #nav-blog{
					padding:0rem 1.0rem;
				}
					#blog #nav-blog h2{
						padding:0.7rem 1rem 0.5rem 0;
						font-size:1.7rem;
					}
					/* html list ul */
					#blog #nav-blog ul{
					}
						#blog #nav-blog ul li{
						}
							#blog #nav-blog ul li a{
								padding:0.7rem 1.0rem 0.5rem 1.0rem;
								font-size:1.7rem;
							}
				/* Blog Nav - blog menu */
				/* ---------------------------------------------------------------------------------------------------------------------------- */
}
/* MOBILE / SMALL SCREEN LAYOUT */

/* HEADER - MEDIA QUERIES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BLOG AREA - MEDIA QUERIES */

/* MOBILE / SMALL SCREEN LAYOUT */
@media all and (max-width: 50em) { /* 800px = 50em, 640px = 40em */
	#bcbg{
	}
		#bcbg h2{
			font-size:1.8rem;
		}
		
		/* ---------------------------------------------------------------------------------------------------------------------------- */
		/* PAGING */
		#bcbg .paging{
			margin:1.5rem 2.0% 1.5rem 2.0%;
			margin-top:0;
			padding:0.8rem 1.0rem;
			font-size:1.7em;
			width:96%;
		}
			#bcbg .paging .paging-nav{
				font-size:1.7rem;
			}
				#bcbg .paging .paging-nav span{
				}
					#bcbg .paging .paging-nav span.numbered-list{
					}
				#bcbg .paging .paging-nav a{
				}
					#bcbg .paging .paging-nav a:hover{
					}
					#bcbg .paging .paging-nav a.selected{
					}
			/* wordpress uses page-numbers and current */
			#bcbg .paging .paging-nav span.current{
			}
			#bcbg .paging .paging-nav .prev{
			}
			#bcbg .paging .paging-nav .next{
			}
		/* PAGING */
		/* ---------------------------------------------------------------------------------------------------------------------------- */
}
/* MOBILE / SMALL SCREEN LAYOUT */

/* BLOG AREA - MEDIA QUERIES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BLOG MENU - MEDIA QUERIES */

/* MOBILE / SMALL SCREEN LAYOUT */
@media all and (max-width: 50em) { /* 800px = 50em, 640px = 40em */
}
/* MOBILE / SMALL SCREEN LAYOUT */

/* BLOG MENU - MEDIA QUERIES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BLOG LIST - MEDIA QUERIES */

/* MOBILE / SMALL SCREEN LAYOUT */
@media all and (max-width: 50em) { /* 800px = 50em, 640px = 40em */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* Blog List */
	#bcbg .blog-list{
		margin:0.5rem 0% 0rem 0%;
		padding:0 1% 1.0rem 1%;
		width:98%;
	}
		#bcbg .blog-list h2{
		}
		#bcbg .blog-list article{
			margin:2.0rem 0.7% 0rem 0.7%; /*1.0rem 0.7% 0rem 0.7%;*/
			padding:1.0rem;
			box-shadow:5px 5px 4px #ccc;
		}
			#bcbg .blog-list article:before{
			}
			#bcbg .blog-list article:after{
			}
			/* every nth child - 1,3,5 */
			#bcbg .blog-list article:nth-child(2n+1){
			}
			/* every nth child - 2,4,6 */
			#bcbg .blog-list article:nth-child(2n+2){
			}
			/* first child */
			#bcbg .blog-list article:nth-child(1){
			}
			/* second child */
			#bcbg .blog-list article:nth-child(2){		
			}
			/* third child */
			#bcbg .blog-list article:nth-child(3){		
			}
			/* fourth child */
			#bcbg .blog-list article:nth-child(4){	
			}
			#bcbg .blog-list article p{
				padding:0.8rem 0 0 0;
				font-size:1.5rem;
			}
				#bcbg .blog-list article p.title{
					font-size:1.7rem;
					line-height:1.3;
				}
				#bcbg .blog-list article p.date{
					font-size:1.4rem;
				}
				#bcbg .blog-list article p.desc{
				}
				#bcbg .blog-list article p.company{
				}
				#bcbg .blog-list article p.author{
				}
			#bcbg .blog-list article ul{
				margin:1.0rem 0 0 0rem;
			}
				#bcbg .blog-list article ul li{
					margin:0 0 0 2rem;
					padding:0 0 0 0rem;
					font-size:1.5rem;
				}
			#bcbg .blog-list article ol{
				margin:1.0rem 0 0 0rem;
				padding:0rem;
			}
				#bcbg .blog-list article ol li{
					margin:0 0 0 2.0rem;
					font-size:1.5rem;
				}
			/* image */
			#bcbg .blog-list article figure{
				max-width:100%;
				width:100%;
			}
				#bcbg .blog-list article figure img{
				}
				#bcbg .blog-list article figcaption{
				}
			#bcbg .blog-list article picture{
			}
				#bcbg .blog-list article picture img{
				}
			#bcbg .blog-list article .blog-list-c1{
			}
			#bcbg .blog-list article .blog-list-c2{
			}
	/* Blog List */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
}
/* MOBILE / SMALL SCREEN LAYOUT */

/* BLOG LIST - MEDIA QUERIES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */





/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* BLOG DETAILS - MEDIA QUERIES */

/* MOBILE / SMALL SCREEN LAYOUT */
@media all and (max-width: 50em) { /* 800px = 50em, 640px = 40em */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
	/* Blog Details */
	#bcbg .blog-details{
		margin:0.5rem 0% 0rem 0%;
		padding:0 1% 1.0rem 1%;
		width:98%;
	}
		#bcbg .blog-details h2{
		}
		#bcbg .blog-details article{
			margin:2.0rem 0.7% 0rem 0.7%; /*1.0rem 0.7% 0rem 0.7%;*/
			padding:1.0rem;
			box-shadow:5px 5px 4px #ccc;
		}
			#bcbg .blog-details article:before{
			}
			#bcbg .blog-details article:after{
			}
			/* every nth child - 1,3,5 */
			#bcbg .blog-details article:nth-child(2n+1){
			}
			/* every nth child - 2,4,6 */
			#bcbg .blog-details article:nth-child(2n+2){
			}
			/* first child */
			#bcbg .blog-details article:nth-child(1){
			}
			/* second child */
			#bcbg .blog-details article:nth-child(2){		
			}
			/* third child */
			#bcbg .blog-details article:nth-child(3){		
			}
			/* fourth child */
			#bcbg .blog-details article:nth-child(4){	
			}
			#bcbg .blog-details article p{
				padding:0.8rem 0 0 0;
				font-size:1.5rem;
			}
				#bcbg .blog-details article p.title{
					font-size:1.7rem;
					line-height:1.3;
				}
				#bcbg .blog-details article p.date{
					font-size:1.4rem;
				}
				#bcbg .blog-details article p.desc{
				}
				#bcbg .blog-details article p.company{
				}
				#bcbg .blog-details article p.author{
				}
			#bcbg .blog-details article ul{
				margin:1.0rem 0 0 0rem;
			}
				#bcbg .blog-details article ul li{
					margin:0 0 0 2rem;
					padding:0 0 0 0rem;
					font-size:1.5rem;
				}
			#bcbg .blog-details article ol{
				margin:1.0rem 0 0 0rem;
				padding:0rem;
			}
				#bcbg .blog-details article ol li{
					margin:0 0 0 2.0rem;
					font-size:1.5rem;
				}
			/* image */
			#bcbg .blog-details article figure{
				width:100%;
			}
				#bcbg .blog-details article figure img{
				}
				#bcbg .blog-details article figcaption{
				}
			#bcbg .blog-details article picture{
			}
				#bcbg .blog-details article picture img{
				}
			#bcbg .blog-details article .blog-details-c1{
			}
			#bcbg .blog-details article .blog-details-c2{
			}
	/* Blog Details */
	/* ---------------------------------------------------------------------------------------------------------------------------- */
}
/* MOBILE / SMALL SCREEN LAYOUT */

/* BLOG DETAILS - MEDIA QUERIES */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------- */