a {
	text-decoration: none;
	color: #ffffff;
}
h3 {
	text-transform: uppercase;
	color: #fff;
	border-bottom: solid 2px #fff;
	font-size: 20px;
	line-height: 24px;
	margin-bottom: 40px;
}
.banner-blog {
	background-size: cover;
	height: 100vh;
}
.list-group {
	list-style:none;
    padding: 0;
}
.text-info { font-family: 'Arial', sans-sarif; }
/**/
/**/
.btninfo{
	background-color:#39F;
	color:#fff;
}
/**/
#scroll-down {
  width: 300px;
  position: absolute;
  bottom: 35px;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #000;
  text-align: center;
  z-index: 9997;
}
.w-nav { z-index: 9999; }
.blog-content {
	width: 100vw;
	display: flex;
	flex-direction: row;
	z-index: 9998;
}
.posts-container {
	width: 80vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.posts-container span {
	margin-bottom: 100px;
}
.post {
	width: 56vw;
	margin-bottom: 20px;
}
.post ul {
	color: #fff;
}

.sharing-section {
	border-top: solid 2px #fff;
	margin-top: 20px;
}
.sharing-btns {
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	padding-right: 15px;
}
.sharing-btns h5 { color: #ffffff; padding: 0 0 0 15px; }
.sharing-btns svg {
	padding-left: 10px;
}
.post-title-box {
	width: 56vw;
	height: 28vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-bottom: 50px;
	border: solid 2px #fff;
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: 9996;
}
.overlay {
	position: absolute;
	width: 56vw;
	height: 28vw;
	background-color: rgba(37,37,37,.72);
	z-index: 9997;
	border: solid 2px #ffffff;
	transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
}
.overlay:hover {
	opacity: 0;
}
/*PLEASE DO NOT USE BACKGROUNDS LIKE THIS IF IT IS NOT STATIC. USE INLINE INSTEAD. */
.post1 {
	background-image: url(../images/smoothie.jpg);
}
/*PLEASE DO NOT USE BACKGROUNDS LIKE THIS IF IT IS NOT STATIC. USE INLINE INSTEAD. */
.post2 {
	background-image: url(../images/gym.jpg);
}
/*PLEASE DO NOT USE BACKGROUNDS LIKE THIS IF IT IS NOT STATIC. USE INLINE INSTEAD. */
.post3 {
	background-image: url(../images/yoga.jpg);
}
.latest {
	background-image: none;
	border: none;
	height: 100%;
}
.latest-img {
	background-size: cover;
	background-position: center;
}
.latest-post {
	text-transform: uppercase;
	color: #fff;
	border-bottom: solid 2px #fff;
	font-size: 20px;
	line-height: 24px;
}
.latest .title {
	font-size: 50px;
	text-align: center;
	line-height: 50px;
}
.date-category-container {
	display: flex;
	flex-direction: row;
	margin-bottom: -30px;
}
.date {
	padding: 10px;
	border-right: solid 2px #fff;
	color: #fff;
	z-index: 9998;
}
.category {
	padding: 10px;
	color: #fff;
	z-index: 9998;
}
.title {
	text-transform: uppercase;
	text-align: center;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	padding: 10px 0;
	z-index: 9998;
}
.title a {
	transition: all .25s;
}
.title a:hover {
	text-decoration: underline;
}
.author {
	color: #fff;
	margin-top: 5px;
	z-index: 9998;
}
.read-btn {
	color: #fff;
	text-transform: uppercase;
	margin: 30px auto 0;
	display: flex;
	justify-content: center;
}

.read-btn a {
	border: solid 2px #fff;
	padding: 10px;
	text-align: center;
	background-color: #252525;
	transition: font-size .5s;
	-ms-transition: font-size .5s;
	-o-transition: font-size .5s;
	-webkit-transition: font-size .5s;border: solid 2px #fff;
}
.read-btn a:hover { font-size: 18px; }
.reading-btns {
	float: right;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
}
.next-btn {
	height: 40px;
	font-size: 14px;
	color: #ffffff;
	padding: 11px 0 0 10px;
}
.previous-btn {
	height: 40px;
	border-right: solid 2px #ffffff;
	font-size: 14px;
	color: #ffffff;
	padding: 11px 10px 0 0;
}
.sharing-btns {
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	border-left: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	padding-right: 15px;
}
.sharing-btns svg {
	padding-left: 10px;
}
#subsuccess {
	text-align:center;
	color: #F90;
	font-size:18px;
}

.sidebar {
	width: 20vw;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	position: absolute;
	right: 0vw;
}
.search-section {
	margin: 0 0 10px 0;
	display: flex;
	flex-direction: row;
	justify-content: center;
	width: 90%;
}
.search-section input {
	width: calc(100% - 48px);
}
.noarticle {
	color:#fff;
	font-size:18px;
	padding-left:330px;
}
.noleftborder {
	border-left:1px !important
}
.search-btn {
	background-image: url(../images/search-btn.png);
	background-position: center;
	border-top: solid 1px #ffffff;
	border-right: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	height: 48px;
	width: 48px;
}
.subscriptions{
	display: flex;
	flex-direction: column;
	align-items: center;
	border-top: solid 2px #fff;
	border-bottom: solid 2px #fff;
	width: 18vw;
}
.subscriptions span {
	margin-bottom: 0;
}
.section-title {
	color: #f5f5f5;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
    margin: 0;
    padding: 10px 0;
    transition: background-color .5s;
    -ms-transition: background-color .5s;
    -o-transition: background-color .5s;
    -webkit-transition: background-color .5s;
}
.section-title:hover {
    background-color: #ffffff;
    cursor: pointer;
}
.section-title span {
	float: right;
	padding-right: 10px;
	color: #252525;
	margin: 0;
}
.category-section{
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #d4d4d4;
	width: 18vw;
	text-align: center;
	margin-top: 5px;
	text-align: left;
}
.category-links {
	display: flex;
	flex-direction: column;
	height: 0px;
	margin-bottom: 0;
	overflow: hidden;
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.category-open {
	height: auto;
	margin-bottom: 15px;
}
.category-links a {
	font-size: 12px;
	text-align: center;
	color: #252525;
	text-transform: uppercase;
	transition: letter-spacing .5s;
	-webkit-transition: letter-spacing .5s;
	-ms-transition: letter-spacing .5s;
	-o-transition: letter-spacing .5s;
}
.category-links a:hover {
	letter-spacing: 2px;
}
.post-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
/*PLEASE DO NOT USE BACKGROUNDS LIKE THIS IF IT IS NOT STATIC. USE INLINE INSTEAD. */
.post4 { background-image: url(../images/gym.jpg); }
.post5 { background-image: url(../images/yoga.jpg); }
.post6 { background-image: url(../images/running.jpg); }
.post7 { background-image: url(../images/smoothie.jpg); }
.post8 { background-image: url(../images/gym.jpg); }
.instagram {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 90%;
	margin-top: 5px;
	text-align: left;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
}

.instagram-container {
	width: 18vw;
	height: 18vw;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}
.instagram-thumb {
	height: 33%;
	width: 33%;
	background-size: cover;
	background-position: center;
	transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	-webkit-transition: opacity .5s;
}
.instagram-thumb:hover {
	opacity: .38;
}
/*

HAKAN INSTAGRAM*/

#instafeed{
  	list-style:none ;
  	float:left;
  	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#instafeed li{
  float:left;
  height: 33%;
  width: 33%;
  margin:0px
}
#instafeed li a img{
  width: 100%;
  height: 100%;
}

/*PLEASE DO NOT USE BACKGROUNDS LIKE THIS IF IT IS NOT STATIC. USE INLINE INSTEAD. */
.ig-1 { background-image: url(../images/coffee.jpg); }
.ig-2 { background-image: url(../images/dude.jpg); }
.ig-3 { background-image: url(../images/leaf.jpg); }
.ig-4 { background-image: url(../images/sunglasses.jpg); }
.ig-5 { background-image: url(../images/park.jpg); }
.ig-6 { background-image: url(../images/camera.jpg); }
.ig-7 { background-image: url(../images/boat.jpg); }
.ig-8 { background-image: url(../images/bow-tie.jpg); }
.ig-9 { background-image: url(../images/food.jpg); }
.archive {
	display: flex;
	flex-direction: column;
	width: 18vw;
	text-align: center;
	margin-top: 5px;
	background-color: #d4d4d4;
}
.archive-links {
	height: 0px;
	color: #252525;
	overflow: hidden;
	transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-webkit-transition: all .5s;
	-o-transition: all .5s;
}
.archive-links a{
	color: #252525;
	font-size: 12px;
	text-transform: uppercase;
	transition: letter-spacing .5s;
	-webkit-transition: letter-spacing .5s;
	-ms-transition: letter-spacing .5s;
	-o-transition: letter-spacing .5s;
}
.archive-links a:hover {
	letter-spacing: 2px;
}
.archives-open {
	height: auto;
}
.connect {
	display: flex;
	flex-direction: column;
	width: 18vw;
	text-align: center;
	border-bottom: solid 2px #fff;
	margin-bottom: 15px;
}
.social-media {
	display: flex;
	justify-content: center;
	margin-bottom: 15px;
}
.author-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
.author-box h3 {
    color: #252525;
    background-color: #ffffff;
    width: 100%;
    font-family: 'Roboto';
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 200;
    padding: 5px 0;
    margin: 0;
    text-align: center;
}
.author-content {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.author-photo {
    border-right: solid 2px #ffffff;
}
.author-photo img { max-width: none; }
.author-info {
    padding-left: 20px;
    color: #ffffff;
}
.author-info h5 {
    display: flex;
    align-items: center;
}
.author-info h5 svg {
    margin-right: 5px;
}
.comments {
	width: 56vw;
	margin-bottom: 80px;
}
.comments-title {
	text-align: center;
	text-transform: uppercase;
	font-size: 15px;
	border: none;
	margin-bottom: 10px;
}
textarea {
	width: 100%;
	height: 100px;
}
button {
	background-color: #252525;
	border: solid 2px #ffffff;
	border-radius: 0;

	color: #ffffff;
	text-transform: uppercase;
	margin-top: 0px;
	margin-bottom: 15px;
	padding: 10px;
	transition: font-size .5s;
	-ms-transition: font-size .5s;
	-o-transition: font-size .5s;
	-webkit-transition: font-size .5s;
}
button:hover { font-size: 16px; }
.footer a { color: #252525; }

/* MEDIA QUERIES */

@media (max-width: 900px) {
	.blog-content { flex-direction: column; }
	.posts-container { width: 100vw; }
	.sidebar { position: relative; flex-direction: column; width: 100vw; justify-content: space-around; margin-bottom: 40px; margin-left: 5vw; }
	.subscriptions, .connect, .instagram, .archive, .category-section { width: 90vw; margin-right: auto; margin-left: auto; }
	 .instagram { border-top: solid 2px #ffffff; }
    .instagram-container { width: 90vw; height: 90vw; }
    .profile { width: initial; }
    .comments { width: 90vw; }
}
@media (max-width: 835px) {
	.latest .title { font-size: 45px; }
	.post { width: 80vw; }
	.post-title-box { width: 80vw; height: 40vw; }
	.post p { width: 80vw; }
	.overlay { width: 80vw; height: 40vw; }
    .latest { height: 100%; }
}
@media (max-width: 650px) {
	.date { line-height: 17px; }
}
@media (max-width: 650px) {
	.date { line-height: 15px; }
}
@media (max-width: 605px) {
	.date { line-height: 12px; }
	.latest .title { font-size: 40px; line-height: 45px; }
    .post-title-box .latest { height: 100%; }
}
@media (max-width: 564px) {
	.date { line-height: 8px; }
    .post-title-box .latest { height: 100%; }
}
@media (max-width: 537px) {
	.latest .title { font-size: 35px; line-height: 40px; }
    .post-title-box .latest { height: 100%; }
}

@media (max-width: 414px) {
	.latest { height: 100%; margin-top: 65px; padding: 0; width: 90vw; }
	.latest-post { font-size: 8px; }
	.latest .title { font-size: 23px; line-height: 22px; }
	.date { font-size: 14px; line-height: 10px; }
	.title { padding: 5px 0; font-size: 19px; line-height: 18px; }
	h5 { line-height: 14px; }
	h2 { width: 90%; }
	.sidebar { flex-direction: column; justify-content: center; align-items: center; }
	.subscriptions, .recent-posts, .instagram { width: 90vw; }
	.instagram { border-top: none; }
	p { font-size: 18px; line-height: 23px; }
	.recent-post .date { margin-top: 5px; }
}
@media ( max-width: 375px ) {
	h5 { line-height: 9px; }
	p { font-size: 16px; line-height: 21px; }
	.author { margin-top: 3px; }
    .post-title-box .latest { height: 100%; }
    #scroll-down { bottom: 20px; }
    .previous-btn, .next-btn { font-size: 12px; }
    .sharing-btns { padding-right: 10px; }
    .sharing-btns h5 { padding: 0 0 0 10px; }
}
@media ( max-width: 320px ) {
	.latest .title, .title { font-size: 22px; line-height: 24px; }
	.date { font-size: 9px; line-height: 5px; }
	.author, .category { font-size: 9px; line-height: 4px; }
	p { font-size: 12px; line-height: 17px; }
	.post { margin-bottom: 50px; }
	h5 { font-size: 12px; }
    .post-title-box .latest { height: 100%; }
}