/*
*		    ________      .___   
*	__  _  _\_____  \   __| _/
*	\ \/ \/ / _(__  <  / __ |
*	 \     / /       \/ /_/ |
*	  \/\_/ /______  /\____ |
*	               \/      \/
*
*	@author			Jacques Baars <j@w3d.co.za>
*
*	@notice			This is the property of W3Designs, W3Development, W3D,
*					it is illegal to use this source code without the required permission,
*					contact j@w3d.co.za for further advice or permissions.
*
*	@license		Copyright (c) 2016 W3Designs (PTY) Ltd. (http://www.w3d.co.za)
*/

/* blog */
#blog{}
	
	#blog .loading{
		display: none;
		margin: 10% 0;
		text-align: center;
	}

		#blog .loading svg{
			width: 48px;
		}
	
	#blog .load-more{
		display: none;
		margin: 10% 0 0;
		text-align: center;
	}
	
	#blog .no-data{
		display: none;
	}
	
	#blog .posts{}
	
		#blog .posts .post{
			margin: 0 0 20px;
			background-color: #fff;
			border: 1px solid var(--softBorderColor);
		}
	
		#blog.dark-mode .posts .post{
			background-color: var(--darkModeBgColor);
			border: 1px solid var(--darkModeBorderColor);
		}
	
		#blog .posts .post:last-child{
			margin: 0;
		}

			#blog .posts .post .image{
				margin-bottom: -20px;
			}

			#blog .posts .post .content{
				padding: 20px;
				margin: 0 20px;
				position: relative;
				background-color: #fff;
			}
	
			#blog.dark-mode .posts .post .content{
				background-color: var(--darkModeBgColor);
			}
		
				#blog .posts .post .content .title{}
				
				#blog .posts .post .content .info{
					margin: 15px 0;
					text-align: right;
					font-size: var(--fontSize90);
				}
				
				#blog .posts .post .content .body{}

		#blog .view{}

			#blog .view .title{}

			#blog .view .info{
				margin: 20px 0;
				text-align: right;
			}

			#blog .view .body{}

				#blog .view .body a{
					font-weight: bold;
				}

			#blog .view .top{
				margin-bottom: 20px;
				background-color: var(--softBgColor);
				border: 1px solid var(--softBorderColor);
			}
	
			#blog.dark-mode .view .top{
				background-color: var(--darkModeBgColor);
				border: 1px solid var(--darkModeBorderColor);
			}

				#blog .view .top .image{
					border-bottom: 1px solid var(--softBorderColor);
				}

				#blog.dark-mode .view .top .image{
					border-bottom: 1px solid var(--darkModeBorderColor);
				}

				#blog .view .top .cap{
					padding: 10px;
					text-align: center;
				}

			#blog .view .side{
				margin: 0 0 10px 0;
				background-color: var(--softBgColor);
				border: 1px solid var(--softBorderColor);
			}

			#blog.dark-mode .view .side{
				background-color: var(--darkModeBgColor);
				border: 1px solid var(--darkModeBorderColor);
			}

				#blog .view .side:last-child{
					margin-bottom: 0;
				}

				#blog .view .side .image{
					border-bottom: 1px solid var(--softBorderColor);
				}

				#blog.dark-mode .view .side .image{
					border-bottom: 1px solid var(--darkModeBorderColor);
				}

				#blog .view .side .cap{
					padding: 10px;
					text-align: center;
				}