/* CSS Document */
/* onlinecandidate.com */
/* Mobile CSS  */


/* START smaller than 770 */
/* @media screen and (max-width: 768px) { */
@media screen and (max-width: 828px) { 

/* CENTER LOGO */
.navbar-brand {
	margin-left: auto !important;
	margin-right: auto !important;
}



.align-right img, .align-left img {
	max-width: 100%;
	height: auto !important;
	width: 100% !important;
	float: none !important;
  margin: 0px 0px 0px 0px !important;
 display:inline-block;
	}
	
	
 figure >figcaption{ margin:0 auto; padding-top:2px}
#Lfloat{float:none; padding-right:0px}
#Rfloat{float:none; padding-left:0px}
/* Force table to not be like tables anymore */
.main table, .main thead, .main tbody, .main th, .main td, .main tr,.contentnosidebar table, .contentnosidebar thead, .contentnosidebar tbody, .contentnosidebar th, .contentnosidebar td, .contentnosidebar tr  { display: block; }
/* Hide table headers (but not display: none;, for accessibility) */
.main thead tr,.contentnosidebar thead tr {position:absolute;top:-9999px;left:-9999px}
.main,	.mainnosidebar {}
.main td,.mainnosidebar td{/* Behave  like a "row" */border:none;position:relative;padding-left:10%}
.main td:before,.mainnosidebar td:before{/* Now like a table header */position:absolute;/* Top/left values mimic padding */top:6px;left:6px;width:45%;padding-right:10px;white-space:nowrap}
.main table, .main thead, .main tbody, .main th, .main td, .main tr,.mainnosidebar table, .mainnosidebar thead, .mainnosidebar tbody, .mainnosidebar th, .mainnosidebar td, .main tr { display: block;}
#header {
	width: 100%;
	max-width: 100% !important;
}

#inside{
background: rgba(0, 0, 0, 0.5);    
padding-left: 0px !important;
padding-right: 0px !important;
height: 100%;
max-height: 240px;
position: absolute;
z-index: 0;
}

#content {
	padding-right: 15px;
}


/* END NEW CODE FOR OC - using existing divs */
}/* END smaller than 770 */


/* MOBILE */
/*START smaller than 560 */@media screen and (max-width: 560px) {
/* disable webkit text size adjust (for iPhone) */

@media screen and (max-width: 560px) {



/* ENHANCED IMAGE STYLES */
	
.align-right img, .align-left img {
	max-width: 100%;
	height: auto !important;
	width: 100% !important;
	float: none !important;
  margin: 0px 0px 0px 0px !important;
}
 	
	
 figure >figcaption{ margin:0 auto; padding-top:2px}
	
#Lfloat{float:none; padding-right:0px}
#Rfloat{float:none; padding-left:0px}
#quote-containerR, #quote-containerL{ width:90%; float:none;  padding:0;  margin:0 auto}
	
	
/* Lined Quote Box Float Left & Right*/
.q01, .q02,.q03,.q04,.q06 {
	max-width: 95%;
	height: auto !important;
	width: 100% !important;
	float: none !important;
	margin: 2em auto 2em auto !important;
}


/* Quote Box3*/
.q05{margin:10px; padding:35px 40px 10px 50px}
 
/*Silver Quote Boxes*/
.q07,.q07a,.q08, .q08a, .q09, .q10, .q11, .q12{
	max-width: 100%;
	height: auto !important;
	width: 100% !important;
	float: none !important;
 	margin: 1em auto 1em auto !important;
}	
	
	
	
	
#widebar1 {
 margin-top: -30px;
 } 
 
.drop-shadow {
	max-width: 100%;
	height: auto !important;
	width: 100% !important;
	float: none !important;
 	margin: 0 !important;
 display:inline-block;
	}
	
	
	.custom-counter li {
  margin-left: 3em; text-indent: -1.75em;
}

#widebar2content {
 width: 80%;
max-width:100%;
}
/* Reduce Font Size Header */


.headcontainer {
padding-left: 0px;
padding-right: 0px;
}

#header {
	width: 100%;
	max-width: 100% !important;
}

#inside{
background: rgba(0, 0, 0, 0.5);    
padding-left: 0px !important;
padding-right: 0px !important;
height: 100%;
max-height: 240px;
position: absolute;
z-index: 0;
}

#sitetitle, #siteslogan {
  text-shadow: 1px 1px #404040;
}

#sitetitle {
font-size: 28px !important;
text-align: center;
}

#siteslogan {
font-size: 20px !important;
text-align: center;
}

#body {
z-index: 25 !important;
}

#content {
    padding-right: 0px;
} 

/* Clean up Outer Padding */
	
.maincontainer {
	padding: 15px !important;
	padding-top: 30px !important;
	}

#content {
	padding-right: 15px;
}
	
.footerbarcodepad {
/*	padding-left: 15px  !important;  */
/*	padding-right: 15px  !important; */
}	

	
	}/* END 560 */