/* THIS FILE IS KEPT at https://smccd.edu/accounts/khazarj/canvas_dvc_pagestyles.css
   by James Khazar
   Created: July 13th, 2017 
   
   Colors:
   	Dark Blue: #006fa5
   	light blue: #B9E4F8
	Dark gray: #333333
*/

body {
	background-color:#fff;
	font-family: 'Lato', sans-serif;	
	font-size:24px;
	padding: 1em  2em;
	
}
/* ****************************************** images ******************************************** */
img {
	border:1px solid #000;
	box-shadow: 0px 5px 10px #aaa;
	margin-top:.5em;
	margin-bottom:.5em;
	display:block; 
}
.flat {
	border:none;
	box-shadow:none;
}
.floatl {
  float: left;
  margin-right:10px;
}
.floatr {
  float: right;;
  margin-left:10px;
  margin-bottom:10px;
  font-size:.75em !important;
}
.nofloat {
  clear:both;
}
/* Lists next to floats */
.floatl + ul { }
.floatl + ul li {
	position:relative;
	left:1.5em;
	padding-right:2em;
}
.floatl + ul  ul li {
	left:2.5em;	
	padding-right:3em;
}

/* ****************************************** tags ******************************************** */
h1, h2, h3, h4, h5 {
	text-transform:capitalize;
	font-weight:600;
	text-align:left ;
	color:#006fa5;
	letter-spacing:-.02em;
	margin:0;
	line-height:1em;
}
h1 { font-size:2.5em; margin:0;}
h2 { font-size:1.5em; margin:0;}
h3 { font-size:1em; margin:0; }
h4 { font-size:.75em; margin:0;}
h5 { font-size:.75em; margin:0; ; text-transform:uppercase;}

h1 + h2, h1 + h3, h1 + h4, h1 + h5 { margin-top:.25em !important; }
h2 + h3, h2 + h4, h2 + h5 { margin-top:.5em !important; }
h3 + h4, h3 + h5 { margin-top:.75em !important; }
h4 + h5 { margin-top:.75em !important; }
/* Take space out of top of paragraph after heading */
h1 + p, h2 + p, h3 + p, h4 + p, h5 + p {
	margin-top:0;	
}
p {
	margin-bottom:1em;	
}
ul {
	list-style: none;
	padding:0;
	margin:0;
}
li {
	line-height:1.25em;
	margin-bottom:1em;
	margin-left:-.5em;
	padding-left: 1em; 
  	text-indent: -.7em;	
}
ul ul li {
	margin-left:.25em;	
}
ul ul ul li {
	margin-left:1.125em;	
}
.nospace li {
	margin-bottom:0;
}
.add-below {
	margin-bottom:1em;
}
li::before  {
  content: "• ";
  color: #999; /* or whatever color you prefer */
}
.snugup {
	margin-top:-.5em !important;
}
.snugup-more {
	margin-top:-1em !important;
}
.pushdown {
	margin-top:.5em !important;
}
.pushdown-more {
	margin-top:1em !important;	
}
/* Redesign links to be more obvious */
a:link, a:hover, a:visited, a:active {
  text-decoration:underline;
}
/* Special Targeting */
/* first h1 on a page */
body > h1 { }
/* target first section on page */
h1 + section { }

.center {
	text-align:center !important;
}

/* ************** Sections, Articles, Code Blocks, Quote Blocks **************** */
section {
	border-top: solid 6px #006fa5;
	margin-bottom:5em;
	padding-top:.25em;
	margin-top:.5em;
}
article {
	border-top: solid 3px #006fa5;
	margin-bottom:2.5em;
	padding-top:.25em;
}
section article:first-of-type {
	margin-top:2.5em;	
}
/* get all the first heading in sections and articles correctly spaced relative to top border */
article h1:first-of-type, article h2:first-of-type, article h3:first-of-type, article h4:first-of-type,
section h1:first-of-type, section h2:first-of-type, section h3:first-of-type, section h4:first-of-type
{ margin-top:0;}

.codeblock {
	background-color:#333333;
	padding:1em 1em .75em 2em;
	margin-bottom:1em;
	border-radius:.25em;
	position:relative
}
.codenum {
	color:#7E7E7E;
	font-size:.85em;
	line-height:1.5em;
	position:absolute;
	top:1.6em;left:5px;
}
pre { font-size:.85em; border:none; background-color:#333333; color:white; letter-spacing:.01em;line-height:1.5em;}
pre em { font-style:normal; color:#00FF51}
pre strong {font-style:normal; color:#FF9A9B}
blockquote {
 	padding:.5em 1.25em 1.25em 1.25em;
	background-color:#B9E4F8;
	border-radius:.25em;
	border:none;	
}
blockquote p {
	font-size:1em;
	font-family: 'Libre Baskerville', serif;
	line-height:1.25em;	
}
pre + blockquote {
	padding:5em;
}
blockquote + pre {
	padding:5em;
}

.indent1 {
	margin-left:1em;
}
.indent2 {
	margin-left:2em;
}
.indent3 {
	margin-left:3em;
}
.indent4 {
	margin-left:4em;
}
.sizer {
	position:absolute;
	right:0;
	top:0;
}
.sizer a, .sizer a:hover, .sizer a:active, .sizer a:visited {
	text-decoration:none !important;
	color:black;
	cursor:pointer;
}
.sizer a:after { background:none }
.size-val { color:#bbb !important; }