/*sn main page*/

/*be sure, that accountswitcher attached accounts are working*/
ul.trow1 {
z-index: 10;}

.socialmain{}

.socialmain.container{
color:#d0d8dc;}

.socialmain fieldset,
.ucp_social fieldset {
padding: 12px;
border: 0px solid #3d3d37;
margin: 0;}
        
.socialmain textarea {
background-color: #474740;
/* color: #000; */
font-size: 13pt;
min-height: 100px;}
        
.socialmain button {
background: none;
color: #d0d8dc;}
        
.socialmain legend {
width: auto;
display: block;
max-width: 100%;
padding: 0;
margin-bottom: .5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
        
.socialmain .tborder {
border: 0px;
border-radius: 8px;
}
        
.socialmain .trow1 {
background: #3d3d37;}
        
input.sn_send {
margin-top: 3px;
padding: 4px;
padding-left: 10px;
padding-right: 10px;
margin-left: 5px;
border-radius: 9px;
border: 0;}
        
        
/*title section*/
.sn_titel {
width: 100%;
border: 0px #3d3d37 solid;
background-repeat: no-repeat !important;
background-position: center 0px !important;
        }
        
.sn_profil {
	background-color: #81b487;
	margin-left: 20px;
	margin-top: -150px;
	margin-right: 10px;
	border-radius: 100px 100px 0px 0px;
	float: left;}
        
.sn_profil img {
	padding: 5px;
	border-radius: 100px 100px 0px 0px;}
        
.sn_username {
	height: 75px;
	font-family: 'Oswald';
	font-size: 50px;
	margin-top: -22px;
	background-color: #81b487;
	text-align:right;
	padding-right:20px;
	color: #3d3d37;
	}
        
.sn_down_section {display: flex;flex-wrap: wrap;margin-top: 70px;}
        
.sn_logo{
margin:auto;
text-align:center;
}
        
/*info and friendsection*/
.sn_leftBox {width: 20%;}
        
.sn_memInfo {
background-color: #3d3d37;
margin: 10px;
padding: 10px;
font-size: 12px;
height: min-content;
border-radius: 8px;
}
        
.sn_memInfo img {
display: block;
margin: auto;
padding-top: 10px;
}
        
sn_tit {
font-weight: bold;
}
        
.sn_links {
background-color: #3d3d37;
margin: 10px;
padding: 10px;
font-size: 12px;
height: min-content;
border-radius: 8px;
}
        
input.editDelete {
border: none;
background: none;
font-size: 0.8em;
padding: 0px;
}
        
/*friendbox*/
h1.friends {
margin: auto;
text-align: center;
font-size: 2.0em;
}
        
.sn_friend {
padding: 5px;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
        
.sn_friend a {
padding-left: 5px;}
        
span.allreadyAsked {
display: block;
text-align: center;
padding: 10px;
}
        
span#friendAddRemove {
display: block;
text-align: center;
font-size: 2em;
padding: 10px;
}
        
        
/*post view*/
.sn_postBox {
display: flex;
}
        
.sn_rightBox {
margin: auto;
width: 80%;}
        
.sn_post {
padding-left: 10px;}

.eulenpostbox1{
background-image: url(/social/eulennoteprof.png);
width: 730px;
height: 370px;
padding: 35px 22px 30px 36px;
color: #3d3d37;
font-family: 'Oswald';}

.eulenpostbox2{
    width: 713px;
    height: 30px;
    border-bottom: 1px solid;
}

.eulenpostbox3{
    width: 710px;
    height: 340px;
}

.sn_socialPost{
	font-size:12pt;
	color:#3d3d37;
	font-family: 'Oswald';
	text-align:justify;
	height: 325px;
	width: 400px;
	overflow:auto;
	padding: 5px;
	float: left;}
        
.sn_rechts {
background-color: #3d3d37;
margin: 10px;
padding: 10px;
border-radius: 8px;
}
        
.sn_postProfilbild {
border-radius: 8px;
width: 50px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
        
.sn_likes {
text-align: right;
border-bottom: 1px solid #3d3d37;
font-size: 11pt;
margin-top: -5px;
padding-bottom: 6px;}
        
.sn_likes i.fas.fa-heart,
.sn_likes i.far.fa-heart {
font-size: 1.5em;
}
        
.editDelete {
font-size: 0.8em;
background: none;
border: 0;
padding: 0;
}
        
a.editDelete {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-decoration: none;
color: initial;
margin: 5px;}
        
/*image pop up*/
.infopop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: hsl(60deg 5.17% 22.75% / 74%);
z-index: 1;
opacity: 0;
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
transition: .5s ease-in-out;
pointer-events: none;
}
        
.infopop:target {
opacity: 1;
pointer-events: auto;
}
        
.infopop>.pop {
background: #3d3d37;
margin: 10% auto;
padding: 10px;
width: fit-content;
z-index: 3;
}
        
.closepop {
position: absolute;
right: -5px;
top: -5px;
width: 100%;
height: 100%;
z-index: 2;
}
        
/* anworten */
.sn_answer {
margin: 11px 0px 10px 0px;
padding-bottom: 5px;
padding: 31px;
width: 718px;
height: 368px;
background-image: url(/social/eulennoteprof.png);
color: #3d3d37;
font-family: 'Oswald';}

.sn_socialAnswer{
    width: 410px;
    height: 335px;
    float: left;
}

.sn_img{
    float: left;
    width: 300px;
    height: 300px;
    margin-bottom: 5px;
    }

.sn_answerFormProfilbild,
.sn_ansProfilbild {
float: left;
margin-right: 10px;
width: 35px;
-webkit-border-radius: 150%;
-moz-border-radius: 100%;}
        
.sn_answer_form {
padding-top: 5px;
}
        
.sn_ansDate {font-size: 11pt;}
        
/*UCP*/
        
.ucp_social legend {
font-weight: bold;
}
        
.ucp_social label,
.modcp_social label {
display: block;
width: 120px;
float: left;
clear: left;
}
        
.ucp_social input {
margin: 5px;
}
        
.ucp_smallinfo {
font-size: 0.7em;
}
        
.ucp_social legend {
width: auto;
}
        
/*newsfeed*/
.pagination .pages {
padding: 3px;
}
        
.gotolink {
display: block;
text-align: right;
margin-top: -10px;
}
        
.newsfeed_links h1 {
text-align: right;
font-size: 1.5em;
}
        
.sn_postName {
display: block;
float: left;
font-size: 14pt;
width: 360px;
/* border: 1px solid; */
}

.sn_postName a{
	color:#270704;
}

.sn_postDate {
font-size: 11pt;
text-align: right;
width: 290px;
display: block;
float: left;
margin-right: 18px;
/* border: 1px solid; */
}

.sn_postDate i{
	color:#270704;
}


.sn_answer_form {
margin-top: 10px;
}
        
.sn_rechts hr {
background-color: #3d3d37;
color: #ddd;
height: 1px;
border: 0px;}
        


/*Post im IP*/

.sn_messagebox_in_post
{
    background-image: url(/social/eulennotethread.png);
    width: 620px;
    height: 230px;
    padding: 45px 64px;
    color: #3d3d37;
    font-family: 'Oswald';
    font-size: 11pt;
    /* border: 1px solid; */
}

.sn_message_in_post{
    font-family: 'Oswald';
    font-size: 13pt;
    height: 208px;
    overflow: auto;
}