/*
  This css file is for individual users to restyle items for their personal site,
  or for the implementation of features specifically for their site. Anything that
  is an official part of the theme (ex. Pull Requests) should be included in main.css
  and follow the formatting and style given.
*/

.document-list, .green-list, .red-list, .word-list, .powerpoint-list, .download-list, .excel-list, .doc_google-list, .spreadsheet_google-list, .photoshop-list, .corel-list, .jpg-list {
	margin-bottom: 20px;
	line-height: 15px;
	margin-left: 15px;
}

.word-list li {
	background: url('/uploads/site/word-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.powerpoint-list li {
	background: url('/uploads/site/powerpoint-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.excel-list li {
	background: url('/uploads/site/excel-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.download-list li {
	background: url('/uploads/site/download-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.doc_google-list li {
	background: url('/uploads/site/doc_google-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.spreadsheet_google-list li {
	background: url('/uploads/site/spreadsheet_google-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.photoshop-list li {
	background: url('/uploads/site/photoshop-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.corel-list li {
	background: url('/uploads/site/corel-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.jpg-list li {
	background: url('/uploads/site/jpg-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.document-list li {
	background: url('/uploads/site/document-list.png') no-repeat left top;
	min-height: 32px;
	padding: 10px 0 0 40px;
	line-height: 15px;
}

.green-list li {
	background: url('/uploads/site/green-list.png') no-repeat left top;
	padding: 0 0 0 20px;
	margin: 7px 0;
}

.red-list li {
	background: url('/uploads/site/red-list.png') no-repeat left top;
	padding: 0 0 0 20px;
	margin: 7px 0;
}

.image-left {
	display: block;
	width: 25%;
	margin-left: 5px;
	margin-right: 5px;
	float: left;
}

.card-container {
	margin-bottom: 1em;
}

.card{
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
}
  
/* On mouse-over, add a deeper shadow */
.card:hover {
	box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
  
  /* Add some padding inside the card container */
  .container {
	padding: 2px 16px;
}

.row {
	display: flex;
	padding-top: 2em;
	margin: 0 5px;
}
  
.column {
	flex: 40%;
	margin: 0 5px;
}

.post-content p {
    text-align: justify;
}

/*.container {
	padding: 20px 40px 40px;
	width: 100%;
	max-width: 600px;
}
.container__image {
	margin-right: 10px;
	float: left;
}
.container__text {
	display: inline;
}*/

.container__image {
	display: inline-block;
	margin-right: 10px;
	vertical-align: top;
}
.container__text {
	display: inline-block;
	width: 46%;
}
@media (max-width: 620px) {
	.container__text {
		width: 100%;
   }
}

.nav {
	font-size: 0.8em;
	font-weight: 600;
}

.nav-toggle {
	text-align: right;
	width: 125px;
}

.video-container video {
  width: 100%;
  height: 100%;
  filter: brightness(50%);
  object-fit: fill;
}

@media only screen AND (max-width: 799px) { 
    .mobileHidden {
      display: none; 
    }
    
}
@media only screen AND (min-width: 800px) { 
    .desktopHidden {
      display: none; 
    }
}

#site-nav .flyout-menu {
	right:-200px;
	width:200px;
}

@media (min-width: 768px) {
	.title {
	  width: 100%;
	}
}