/**********************************************************************************
/* Some Edit *
**********************************************************************************/
body {
	border-top:8px solid #34495e;

}

a {
	text-decoration: none;
	-webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}


a:focus {
	outline:none;
}
a:hover {
	text-decoration: none;
}


a.btn {
	background-color: #1abc9c;
	color:white;
	padding:.75em 1.5em;
	margin-top:.75em;
}

a.btn:hover {
	background-color: #34495e;
}


::-webkit-scrollbar {  
    width: 12px;  
}  
::-webkit-scrollbar-track {  
    background-color: #1abc9c;  
      
}  
::-webkit-scrollbar-thumb {  
    background-color: #ecf0f1;  
}  
::-webkit-scrollbar-thumb:hover {  
    background-color: #aaa;  
}


::selection {
	background-color: #466d94;
}

.active > a{
	background-color:#1abc9c;
	color:white;
}


.fa-color {
	color:#ecf0f1!important;
}

ul,
li {
	list-style:none;
}


/**********************************************************************************
/* HEADER *
**********************************************************************************/
.top-header {
	background-color:#fff;

	ul {

		float:right;

		li {
			position: relative;
		}

		ul {
			list-style:none;
			background-color: #2a3d51;
			position: absolute;
			z-index: 5;
			padding: 0;
			display:none;
			


			li {
			


				a {
					display: block;
					padding-bottom:.7em;
					padding-top:.7em;
					padding-left: 1em;
					padding-right: 3em;

					&:hover {

						background-color: #263749;
						color:white;
					}
				}
			}
		}
	}


	.logo {
		padding-top:1.7em;
		padding-bottom:1.5em;
		margin-left:1em;
	}
}


/**********************************************************************************
/* MOBILE HEADER *
**********************************************************************************/
.mobile-header{
	display: none;

	.mobile-menu {
		display: none;
	}
	

	ul {
		
		

		ul {
			background-color: #263749;
			list-style:none;
			padding-left:0;
			display: none;

			li {

				a {

					padding-top:.7em;
					padding-bottom: .7em;
					padding-left: 3em;
					display: block;



					&:hover {

						background-color: #1abc9c;
						color:white;
					}
				}
			}
		}

		li {




			a {

				padding-left:2em;
			}
		}
	}
}


/**********************************************************************************
/* HEADER CUSTOM IMAGE *
**********************************************************************************/
.header-img {

position: relative;

height:300px;
overflow: hidden;



	img {
	
	position: absolute;
	z-index: -1;
	}


	.motto {
		color:white;
		margin-left:2em;

		h1 {
			font-weight: bold;
		}
	}
}


/**********************************************************************************
/* CONTENT AREA *
**********************************************************************************/

/* Standard */
.content-area {

	.article-hr {
	margin-top:3em;
	margin-bottom:3em;

	}
	

	.container {

		background-color:white;
		border-radius:5px;
		position: relative;
		top:-7em;
		padding-bottom:3em;



		.posts {
			padding:2em 0 0 2em;

			img {
				width: 100%;
				border-radius:3px;
				margin-bottom:1.5em;




			}

			h2 {
					color: #34495e;

				}
		}
	}

	.article-details {
		list-style:none;


		li {
			float:left;
			margin-right:1em;

			i {
				margin-right:.2em;
			}
		}
	}

	.content {

		margin-top:1em;
		font-size: 1.2em;

	

	}

	.fa-pencil {

		background-color: #1abc9c;
		padding:.5em .6em;
		color:white;
		border-radius:3px;
		float:left;
		
		margin-right:.8em;
	}



	/* Quote */
	article.quote {
		background-color: #1abc9c;
		color:white;
		border-radius:4px;
		padding:1em;


		.fa {
			font-size:3em;
			margin-left:.5em;
			margin-top:.4em;
		}

		blockquote {

			border:none;
			font-size:2em;




			cite {
				display:block;
				font-size:.6em;
				margin-top:1em;
			}

			cite:before {
				content: "- ";
			}
			cite:after {
				content: " -";
			}
		}


	}



	/* Aside */
	article.aside {

		.fa-file-text {
			background-color: #1abc9c;
		padding:.5em .6em;
		color:white;
		border-radius:3px;
		float:left;
		margin-right:.8em;
		margin-top:.1em;

		}



		.content {
			margin-top:1em;
		}

	}



	/* Video */
	article.video {

		padding-bottom:2em;


		h2 {
			margin-top:1.5em;
		}

		p {
			margin-bottom:2em;
		}


	
		.fa-video-camera {
			background-color: #1abc9c;
		padding:.5em .6em;
		color:white;
		border-radius:3px;
		float:left;
		margin-right:.8em;
		
		}

	}



	/* Audio */
	article.audio {


		

		padding-bottom:2em;


			h2 {
			margin-top:1.5em;
		}


		p {
			margin-bottom:2em;
		}




		.fa-volume-up {
			background-color: #1abc9c;
		padding:.5em .6em;
		color:white;
		border-radius:3px;
		float:left;
		margin-right:.8em;
		
		}
	}


	/* Link */
	article.link {
		background-color: #1abc9c;
		color:white;
		border-radius:4px;
		padding:1em;
		padding-bottom:.5em;


		.fa {
			font-size:3.2em;
			margin-left:.5em;
			margin-top:.4em;
		}

		.content {
			margin-top:1em;
			margin-left:1.2em;

			a {
				font-size:2em;
				color:white;
				font-weight: bold;

				&:hover {
					color: #34495e;
				}
			}
		}


	}


	/* 404 page */
	.error-page {
		
		p {
			font-size:3em;
			text-align: center;
			margin-top:.4em;
		}

		form {
			width:50%;
			margin:2em auto;

		}


		.fa-ban {
			color: #34495e;
			font-size:15em;
			
			
			position: relative;
			left:50%;
			margin-left:-90px;

			

			
		}

	}

	/* BreadCrumbs */
	.breadcrumbs {
		background-color: #1abc9c;
		width:100%;
		padding-top:.7em;
		padding-bottom:.5em;
		font-size:2em;
		color:white;
		border-radius:5px;
		font-weight: bold;
		margin-bottom:1em;

		p {
			padding-left:1em;
		}

	}

	/* Paging */
	.pagination {
		
		width: 100%;


		.fa-angle-left,
		.fa-angle-right {

			background-color: #1abc9c;
			color:white;
			padding:.4em .9em;
			border-radius: 3px;

			-webkit-transition: all .3s;
			transition: all .3s;


			&:hover {

				background-color: #34495e;
			}
			
		}

		.fa-angle-right {

			
			float:right;
		}
	}

	/* Page and single*/
	.calm-page,
	.calm-single {

		

		.article-details {
			margin-left:0;
			padding-left: 0;

		}
	}

	
}

.alignleft {
	float:left;
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.alignright {
	float:right;
	text-align: right;
}
.sticky {
	color:#1e1e1e;

	p {
		color:black;
	}	
}

.gallery-caption,
.bypostauthor,
.wp-caption,
.wp-caption-text {
	background-color: #f7f7f7;
}

/**********************************************************************************
/* SIDEBAR *
**********************************************************************************/
.sidebar {
	

	padding-top:1.5em;
	padding-left:2em;
	padding-right:2em;

	.widget {
		margin-bottom:2em;
	}


	h3 {
		margin-top:.45em;
		color:#34495e;
		font-weight: bold;
		font-size:1.3em;
		border-left:3px solid #1abc9c;
		border-bottom:1px solid #e7e7e7;
		padding-bottom:.5em;
		padding-left:1em;
		padding-top:.2em;
	}


	ul {
		list-style:none;
		padding-left:1.5em;



		li {
			font-size:1.1em;
			margin-bottom:.5em;


			a {

				color: #707070;


				&:hover {
					color: #34495e;
				}

			}
		}

	}


}

/**********************************************************************************
/* Search Form *
**********************************************************************************/
form {
	margin-top:.2em;

	input[type="search"] {
		width:100%;

	}

	.fa-search {
		background-color: #1abc9c;
		color:white;
		font-size:1.5em;
		padding:.35em .4em;
		position: relative;
		top:4px;
		border-radius:2px;

		-webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;

  		cursor:pointer;

		&:hover {
			background-color: #34495e;
		}
	}



}


/**********************************************************************************
/* Comments Area *
**********************************************************************************/
img.avatar {
	width:32px!important;
		height:32px!important;
		border-radius:3px!important;
		margin-bottom: 0!important;
}

.comment {
	
	li {

		list-style:none;
	}
}


.form-submit {

	input {

		background-color: #1abc9c;
		box-shadow: none;
		border: none;
		color:white;
		padding:.5em 1em;
		border-radius:3px;
		-webkit-transition:all .3s;
		transition:all .3s;


		&:hover {

			background-color: #34495e;
		}
	}
}

.comment-metadata {
	font-size:.7em;
}

.comment-content {
	padding-top:1em;

}

.comment-body {
	margin-top:2em;
	margin-bottom:2em;
}

.comment-body {
	background-color:#f7f7f7;
	padding:2em;
	border-radius:5px;
}

.comment-list {
	margin-left:0;
	padding-left: 0;
}

/**********************************************************************************
/* MAIN FOOTER *
**********************************************************************************/
.main-footer {

	background-color:white;
	padding-top: 4em;


	h3 {
		font-weight: bold;

		margin-bottom:2em;
	}

	.bottom-hr {
		width: 100%;
		height: 1;

			}

	.footer-widget {		
		padding:0;
		margin-bottom: 2em;

		ul {

			list-style:none;
			padding-left:0;

			li {

				font-weight: bold;
				a {

				}
			}
		}
	}
}





/**********************************************************************************
/* FOOTER *
**********************************************************************************/
.bottom-footer {
	background-color:white;
	padding-bottom:2em;


	.copyright {
		padding-top:2em;
	}



	nav {


		ul {

			float:right;

			ul {
				display:none;
			}

			li {

			}
		}
	}
}







/**********************************************************************************
/* RESPONSIVE READY *
**********************************************************************************/
@media (max-width:600px) {
	
	/* Footer */

	.bottom-footer {

		ul {
			float:left!important;
		}

	}


}


@media (max-width:769px) {

	/* Top Header */
	.top-header {
		display:none;
	}


	.logo {
		padding-top:1.7em;
		margin-left:.9em;
	}


	/* Mobile Header */
	.mobile-header {
		display: block;
		

		.logo {
			padding-bottom:1em;
			padding-top:1em;
		}

		
		ul {
			
		}

		
		.col-sm-3 {
			position: relative;

			.fa {
				position: absolute;
				right:7%;
				top:20%;
				font-size:2.5em;
				color:#1abc9c;
			}
		}
	}
	

	
	/* Main Header */
	.header-img {

		
	

		.motto {
			color:white;
			margin-left:1.9em;

			
		}
}

	/* Main Footer */
	.main-footer {

		overflow:hidden;

		padding-right:2em;
		padding-left:2em;

		.col-sm-4 {
			width:100%;
		}

	}


	/* Bottom Footer */
	.bottom-footer {

		overflow: hidden;
		padding-left:2em;
		padding-right:2em;


		.footer-menu {
			margin-right:1em;

			ul {

				li {

					float:left;
				}
			}
		}
	

	}


	/* Content Area */
	.content-area {


		article
		{
			padding-right: 2em;
		}

		.quote,
		.link {
			margin-right:2em;
		}


		.sidebar {

			input[type="search"]{
				width:53%;
				float:left;
				position: relative;
				top:5px;
				margin-right:10px;
			}

			input[type="submit"] {
				


			}

		}
	}




}





@media (max-width:1024px) {

	/* Main Footer */
	.main-footer {

		.col-sm-4 {

			padding-right:1em;

		}

	}


}