/* Reset quotes */
q {quotes: none}
q:before, q:after {content: ""}   

/* Hide everything unneeded */
header h5, header nav, footer{display: none}

.logo img{ display: none;}
/* font sizes */
body {
	font: 12pt Verdana, Geneva, sans-serif;
	line-height: 1.3;
	color: #000;
}

h1 {font-size: 24pt}

h2 {font-size: 14pt; margin-top: 25px}

aside h2 {font-size: 18pt}

/* Show printer-frindly logo. */
header .print {display: block}

/* If you like things a little bit easier and more semantic you can alternatively just leave the h1 of the header visible, switch off the margin and make it bigger than the rest of the headlines */
/*header nav, footer, img {display: none}

header h1 {
	margin: 0;
	font-size: 30pt;
}*/

/* Some browsers like to show a border around images. Switch it off */
img {border: 0}

/* Mover the header a little bit awy from the content */
header {margin-bottom: 40px}

/* Display the URL of the site so that the user knows where the printout came from */

/* Additionally/optionally a little message could be displayed */
header:before {
	display: block;
	content: "Thank your for printing our content at www.dkelibrary.com.";
	margin-bottom: 10px;
	border: 1px solid #bbb;
	padding: 3px 5px;
	font-style: italic;
}

/* Separate blockquotes a little bit from the rest */
blockquote {
	font-size: 13pt;
	font-style: italic;
}

/* By default links are blue. For optimal legibility change them to black */
p a {color: #000}

/* Show the URL after each link, whereby internal links are preceeded by the site's URL */
p a:after {
	content: " (https://www.dkelibrary.com/" attr(href) ")";
	font-size: 80%;
	word-wrap: break-word;
}

/* External links don't get this treatment */
p a[href^="https://"]:after, p a[href^="https://"]:after {
	content: " (" attr(href) ")";
}

/* Append the source of the citation */
q:after {content: " (" attr(cite) ")"}

/* The Sidebar is placed under the content automatically. To distinguish it from the rest a border and a gap is set before */
aside {
	border-top: 1px solid #bbb;
	margin-top: 30px;
	display: block;
	/*page-break-before: always; */ /* Moves the sidebar to new page */
}
.crumbs {display:none;}
.profileThumb{
    height: 100px;
    width: 100px;
}
.og-expander-inner img {
    height:0px;
    width: 0px;
}
.og-grid {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.og-grid li{
    display:inline-block;
}
.og-expander-inner, .og-details{padding:5px; height:100px;}
.og-details{
	display:block;
	width:100%
	clear:both;
}
.info_vertical img{ width:75%; margin:auto;}
.info_white{
	border-top: 1px solid #bbb;
	padding:5px;
	margin:10px auto;
}
.image_resalt img{ display:none;}
.corporateOffices, .locations{ display:none;}
#contactform, #result{ display:none;}

.camera_wrap{ display:none !important;}

.camera_prev, .camera_next, .camera_pag, .camera_pie canvas, .cameraSlide .imgLoaded, .camera_caption img{display:none !important;}

.info_title, .top_animationd2, .top_animationd3{ top:0px !important; position:relative !important; opacity:1 !important;}
.flex-viewport{overflow:visible !important;}
.slides{width:100% !important;}
.slides li{ display:inline-block !important; float:none !important;width:150px !important;}
.slides img{width:150px;}
.flex-control-nav, .flex-direction-nav{ display:none;}