/**
* CSS
* @version 1.0
* @author Ozhan Binici
*/

#post {
	width: 100%;
	max-width: 1326rem;
	margin: 0 auto;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
	padding: 15rem 3rem 15rem 3rem;
}

#post main {
	width: 100%;
	max-width: 960rem;
	margin: 0 auto;
	display: flex;
	flex-wrap:wrap;
	align-items: flex-start;
	background-color:#FFFFFF;
}

#post aside {
	width:100%;
	max-width:330rem;
	
}

#post picture {
	position:relative;
	display:block;
	width:100%;
	padding-left:15rem;
}

#post .caption-container {
	position:relative;
	display:block;
}

#post .caption {
	font-family:"Adelle";
	font-weight:400;
	font-size:14px;
	line-height:20px;
	margin-bottom:20px;
}

#post .caption a {
    color: #000;
    text-decoration: underline;
}

#post .caption a:hover {
    color: #65887a;
    text-decoration: none;
}

#post .caption.left {
	position: absolute;
	left: 15rem;
	top: 0rem;
	padding-top: 25rem;
	width: 300rem;
	height: auto;
	z-index: 1;
}

#post .caption.right {
	position: relative;
	padding-top: 15rem;
	padding-left:315rem;
	padding-right:15rem;
	width:100%;
}

#post picture img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#post #content {
	position:relative;
	display:block;
	width:100%;
	padding-left:330rem;
}

#content .authors-date {
	padding-top: 27rem;
	margin-bottom: -7rem;
	font-size: 0rem;
	padding-right: 10rem;
	margin-bottom:13px;
}
#content .authors-date a {
	font-family: "Tenso";
	font-size: 16rem;
	line-height: 17rem;
	margin-bottom: 20rem;
	display: inline-block;
	color:#000000;
	text-decoration:underline;
}

#content .authors-date a:hover {
	text-decoration:none;
	color:#65887a;
}

#content .authors-date a.date {
	display:block;
}

#content .authors-date a.author {
    font-size: 20rem;
    line-height: 25rem;
	font-weight:600;
	margin-right:10rem;
	white-space:nowrap;
}

#content .titles {
	margin: 0rem;
	padding: 0rem;
	width: 100%;
	padding-right: 30rem;
	margin-bottom: 34rem;
	margin-top: -7rem;
	margin-top:0rem;
}

#content .head_title {
    font-family: "Adelle";
    font-weight: 700;
    font-size: 31rem;
    line-height: 39rem;
    margin-bottom: 20rem;
}

#content .title {
	font-family: "Adelle";
    font-weight: 700;

    font-size: 54rem;
    line-height: 68rem;
    margin-bottom: 20rem;
}

#content .subtitle {

    font-family: "Adelle";
    font-weight: 700;
    font-size: 31rem;
    line-height: 39rem;
    margin-bottom: 20rem;
}

#content p {
	font-family: "Tenso";
	    font-size: 19rem;
	    line-height: 28rem;
	    margin-bottom: 20rem;
	    padding-right: 15rem;
	    overflow-wrap: break-word;
	    word-wrap: break-word;
}

#content p.indented {
	margin-left:50rem;
}

#content p.reference.first {
    padding-top: 12rem;
}

#content p.reference {
    margin-bottom: 0rem;
    font-size: 16rem;
    line-height: 21rem;
}

#content p.tags, 
#content p.tags a {
    line-height: 31rem;
    font-size: 19rem;
}

#content p.tags a {
	display:inline;
	white-space:nowrap;
}
#content p.tags a.bold {
	font-weight: 600;
	color: #939598;
}

#content p.tags a.italic {
	font-style:italic;
}

#content p.tags a.highlighted {
	color:#ef476f;
}

#content p.tags a.bold:hover,
#content p.tags a.highlighted:hover {
	color: #65887a;
}

#content > ol,
#content > ul {
	margin-bottom:28px;
	padding-right:15px;
}

#content > ol li,
#content > ul li {
	font-family:"Tenso";
	font-size:19px;
	line-height:28px;
	padding-left:5px;
	margin-left:45px;
	list-style-position: outside;
}

#content > ol li b,
#content > ol li strong,
#content > ul li b,
#content > ul li strong {
	font-weight:700;
}

#content > ol li em,
#content > ol li i,
#content > ul li em,
#content > ul li i {
	font-style:italic;
}

#content > ol li {
	list-style-type: decimal;
}

#content > ul li {
	list-style-type: disc;
}


#content pre {
	font-size: 16rem;
	line-height: 24rem;
	margin-bottom: 24rem;
	font-family: "Tenso";
	font-weight: 400;
	width: 100%;
	white-space: normal;
	padding-right: 15rem;
}

#content .medium-insert-images, 
#content .medium-insert-embeds, 
#content .images {
	width: 100%;
	height: auto;
	margin-bottom: 34rem;
	padding-top: 7rem;
	position: relative;
	display: block;
}

#content .medium-insert-images-grid {
	margin-bottom:5rem;
}

#content .medium-insert-images-grid figure {
	width: 300rem;
	display: inline-block;
	margin-bottom: 30rem;
	vertical-align: top;
	position: static !important;
}

#content .medium-insert-images-grid figure:nth-child(2n+1) {
    margin-right: 30rem;
}


#content .medium-insert-images figcaption, 
#content .medium-insert-embeds figcaption, 
#content .images figcaption {
	font-family: "Adelle";
	font-weight: 400;
	font-size: 14rem;
	line-height: 20rem;
	position: absolute;
	bottom: 0px;
	left: -315rem;
	width: 285rem;
	font-style:normal;
}


#content .medium-insert-images-grid figcaption {
    bottom: 30rem;
}

#content figure {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#content figure img {
	position:relative;
	display:block;
	width:100%;
	height:auto;
}

#content h2 {
    float: none;
    width: 100%;
    font-weight: 700;
    font-size: 19rem;
    line-height: 28rem;
    font-family: "Adelle";
    color: #000;
    margin-bottom: 18rem;
    margin-top: 0rem;
    padding-right: 15rem;
    padding-top: 8rem;
}

#content a {
    text-decoration: underline;
    color: #000000;
	cursor:pointer;
}

#content a:hover {
    text-decoration: none;
    color: #65887a;
}

#content sup {
	font-size: 15rem;
	font-weight: 400;
	line-height: 15rem;
	vertical-align: text-top;
	white-space: nowrap;
}
#content sup a.ref {
	font-weight:600;
}

#content a.ref {
	text-decoration: none;
	display: inline;
	white-space: nowrap;
}

#content a.referenced {
	padding-left:30rem;
}

#content > p.reference + .medium-insert-buttons + ul.social-media-shares, 
#content > div.form-row + .medium-insert-buttons + ul.social-media-shares {
	margin-top:28rem;
}

#content .social-media-shares:nth-child(4) {
    display: block;
    width: 40px;
	height:200px;
    position: relative;
    margin-left: -323px;
    margin-bottom: -200px;
}

#content .social-media-shares {
	position:relative;
	display:block;
	margin-bottom:20rem;
	margin-left:-8rem;
}
#content .social-media-shares:first-child {
	display:none;
	padding-top:17rem;
	margin-bottom:-16rem;
}
#content .social-media-shares:nth-child(4) {
	display:block;
	width:40rem;
	position:relative;
	margin-left:-323rem;
	margin-bottom:-200rem;
}

#content .social-media-shares:after {
	clear:both;
	display:block;
	content: "";
}

#content .social-media-shares li {
	position:relative;
	float:left;
	width:40rem;
	height:40rem;
	list-style-type:none;
	padding:0rem;
	margin-left:0rem;
}

#content .social-media-shares li a {
	width:100%;
	height:100%;
	position:relative;
	display:block;
}


#content .social-media-shares li a:hover svg path,
#content .social-media-shares li a:hover svg circle,
#content .social-media-shares li a:hover svg polygon {
	fill:#000;
}

.social-media-channels a svg {
	width:100%;
	height:100%;
}


/* EMBED REWRITES */
.video-embed-container {
	position:relative;
	display:block;
	width:100%;
}
.video-embed-container iframe {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}

.spreaker-embed-container {
	position:relative;
	display:block;
	width:100%;
}
.spreaker-embed-container iframe {
	position:relative;
	display:block;
	width:100% !important;
	height:131px !important;
}

.soundcloud-embed-container {
	position:relative;
	display:block;
	width:100%;
}
.soundcloud-embed-container iframe {
	position:relative;
	display:block;
	width:100% !important;
	height:175px !important;
}

.spotify-embed-container {
	position:relative;
	display:block;
	width:100%;
}
.spotify-embed-container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.twitter-embed-container {
	position:relative;
	display:block;
	width:50%;
}

.twitter-embed-container .twitter-tweet {
	margin-top:0px !important;
	margin-bottom:0px !important;
}

@media (max-width:1199px){
	
	
}

@media (max-width:799px){
	
}

@media (max-width:479px){
	.twitter-embed-container {
		width:100%;
	}
	.twitter-embed-container .twitter-tweet{
		width:285px;
		margin-left:0px;
	}
	.page .content .medium-insert-embeds.twitter {
		width:100%;
	}
}




/*
@media (max-width: 1340px){
	.twitter-embed-container .twitter-tweet {
		margin-left:330px;
	}
	.content .medium-insert-embeds .medium-insert-embed.twitter + figcaption {
		position: absolute;
		left: 0px;
		bottom: 0px;
		width: 300px;
		margin-bottom: 0px;
	}
}

@media (max-width: 479px){
	.twitter-embed-container .twitter-tweet{
		width:285px;
		margin-left:15px;
	}
	
	.content .medium-insert-embeds .medium-insert-embed.twitter + figcaption {
		position: relative;
		bottom: auto;
		left: auto;
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		padding-top: 15px;
	}
}
*/
