/* Theme Name: The Project - Responsive Website Template
Author:HtmlCoder
Author URI:http://www.htmlcoder.me
Author e-mail:htmlcoder.me@gmail.com
Version:1.1.0
Created:December 2014
License URI:http://support.wrapbootstrap.com/
File Description: Place here your custom CSS styles
*/

.folder {
    margin-left: 20px;
}

.folder-list {
    margin-left: 20px;
}

.single-post {
    margin-left: 20px;
}

.sub-title-post {
    margin-left: 20px;
    margin-bottom: 0px;
    color: darkgrey;
    font-size: 13px;
    font-weight: 400;
}

.link {
	color: black;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-2 {
	margin-bottom: 2px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-30 {
	margin-bottom: 30px;
}

.cursor-pointer {
	cursor: pointer;
}

.blog-title {
	background-color: #80808017;
    padding: 5px;
    padding-left: 10px;
}

.category {
	background-color: #f9f9f9;
	padding-bottom: 1px;
}

.post img {
	width: 100%;
}

.post-header-small-text {
	color: gray;
    font-size: 13px;
}

.date-span-block {
	width: 90px;
    display: inline-flex;
}

.post-year {
	font-size: 24px;
}

.label {
    padding: 4px;
    border-radius: 5px;
    color: gray;
    border: 1px solid;
}

.portfolio-column {
	width: 33.333%;
	padding: 10px;
	float: left;
	max-height: 360px;
    box-sizing: border-box;
}

@media (max-width: 470px) {
	.portfolio-column {
		width: 100%;
		border-bottom: 1px solid #cccccc;
    	max-height: 400px;
	}
}

@media (min-width: 471px) and (max-width: 768px) {
	.portfolio-column {
		width: 50%;
	}
}

.header {
	background-color: currentColor;
	height: 80px;
}

.header-row {
	text-align: center;
	padding-top: 15px;
}

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

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.width-100 {
	width: 100%;
}

.footer {
	background-color: currentColor;
	height: 100px;
	padding-top: 25px;
	padding-left: 25px;
}

.footer-text {
	color: azure;
}

.previous {
	float: left;
}

.next {
	float: right;
}

.round {
	border-radius: 50%;
}

.prev-next-links {
	margin-left: 10%;
    margin-right: 10%;
}

.flag-style {
	display: inline;
}

.flag-style img {
	border: 1px solid black;
    height: 12px;
    min-width: 20px;
    max-width: 20px;
}

.icon-display {
	display: inline;
	float: right;
	margin-top: 10px;
}

.icon-padding {
	padding: 5px 5px 5px 5px;
}

.menu-column {
	display: none;
}

@media (max-width: 768px) {
	.menu-column {
		display: block;
	}
}

.link-column {
	display: block;
}

@media (max-width: 768px) {
	.link-column {
		display: none;
	}
}

.square-before {
	width: 30px;
	height: 30px;
	border: 3px;
	background-color: cadetblue;
	border-color: black;
	border-style: solid;
	display: inline-grid;
}

.square-after {
	width: 30px;
	height: 30px;
	border: 3px;
	border-color: black;
	border-style: solid;
	display: inline-grid;
}