@import "_comments.css";

blockquote b, blockquote cite {
    display: block;
    text-align: right;
    font-style: normal;
    margin-top: 10px;
    font-size: 15px;
    color: #4d4d4d;
    font-weight: bold;
}


.myAvatar__wrapper {
	width: 295px;
	height: 280px;
	float: left;
	position: relative;
}
@media screen and (max-width: 1023px) {
	.myAvatar__wrapper {
		width: 240px;
		height: 220px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.myAvatar__wrapper {
		width: 300px;
	}
}

.myAvatar__wrapper img {
	width: 100%;
	height: 100%;
}

.myAvatar__links {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.myAvatar__change {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 36px;
	text-decoration: none;
}
.myAvatar__change span {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;	
	opacity: 0;
	background: rgba(0,0,0,.5);
	color: #fff;
	text-align: center;
	text-decoration: none;
	transition: all 0.2s ease;
	font-size: 13px;
	text-transform: uppercase;
	padding: 6px 0 6px;
}
.myAvatar__change:hover span {
	opacity: 1;
}
.myAvatar__wrapper .closeButton {
	position: absolute;
	right: 0;
	top: 0;
	background: rgba(0,0,0,.5	);
	transition: all 0.2s ease;
	opacity: 0;
	color: #fff;
	padding: 0 10px 0 11px;
}

.myAvatar__wrapper:hover .closeButton {
	opacity: 1;
}
@media screen and (max-width: 1041px) {
	.myAvatar__wrapper .closeButton {
		opacity: 1;
	}
}





.myInfo {
	margin-left: 325px;
}
@media screen and (max-width: 1023px) {
	.myInfo {
		margin-left: 270px;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.myInfo {
		margin-left: 330px;
	}
}





.myLabel__wrapper {
	display: inline-block;
	padding-top: 10px;
    padding-bottom: 10px;
}
.myLabel {
	/*font-weight: bold;*/
	text-transform: uppercase;
	text-decoration: none;
	font-size: 13px;
	padding: 3px 5px;
	border-radius: 3px;
	color: #fff;
    margin: 0 10px 0 0;

}
.myLabel.view_male {
	background-color: #69A1E2;
}
.myLabel.view_female {
	background-color: #fC73d0;
	margin-left: 10px;
}
.myLabel.view_offline {
	background-color: #ccc;
	width: 105px;
	display: inline-block;
	text-align: center;
}
.myLabel.view_offline .offlineLabel__text {
	display: inline;
}
.myLabel.view_offline .onllineLabel__text {
	display: none;
}
.myLabel.view_online {
	background-color: #64BD63;
}
.myLabel.view_online .offlineLabel__text {
	display: none;
}
.myLabel.view_online .onllineLabel__text {
	display: inline;
}

.myLabel.view_hdr {
	font-family: 'Roboto Slab', serif;
	background-color: #bbb;
	font-weight: bold;
	font-size: 12px;
	padding-top: 2px;
}
.myLabel.view_i {
	font-style: italic;
	background-color: #bbb;
}
.myLabel.view_b {
	font-weight: bold;
	background-color: #bbb;
}
.myLabel.view_a {
	text-decoration: underline;
	background-color: #bbb;
}
.myLabel.view_video {
	background-color: #bbb;
}










.myprofileSocials .socialNetwork__item {
	height: 35px;
}
.myprofileSocials__switchWrapper {
	float: right;
	cursor: pointer;
}

.myprofileSocials__linkLabel {
	float: right;
	width: calc(100% - 130px);
}

.myprofileSocials__linkLabel input {
	height: 30px;
}


.social_links {
	width: 608px;
}

@media screen and (max-width: 1023px) {
	.social_links {
		width: calc(100% - 3%);
	}

	.myprofileSocials__linkLabel {
		width: calc(100% - 170px);
	}
}


.social_links .socialNetwork__link {
	float: left;
}








.editorCounter {
	float: right;
	color: #090;
	font-size: 12px;
	padding-top: 5px;
}
.editorCounter .view_red {
	color: #900;
}

.preview__wrapper {
	display: flex;
	flex-wrap: wrap;
}

.preview__column {
	width: 50%;
}

.preview__element {
	padding: 5px 10px;
	text-align: center;
	position: relative;
}

.preview__element img {
	height: auto;
	max-height: 150px;	
	margin-bottom: 15px;
}

.preview__element textarea {
	height: 80px;
}

.preview__element .yellowButton {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 25px;
	padding: 0 5px;
	margin-right: 0;
	font-weight: 400;
}

.brick__preview {
	clear: both;
}