:focus {outline:none;}
::-moz-focus-inner {border:0;}

:root {
	--body-wall: 3%;
	
	--bg-color-default: #f2f4f6;
	--bg-color: #f2f4f6;	
	--text-color: #391952;
	--button-color: white;
	--button-text-color: black;
	--button-type: 30px;
	--font-family: 'Manrope';
	
	--main-color: #e12a89;
	--main-hover-color: #f50983;
	
	--line-color: #e2e2e2;
	--default-text-color: #391952;
	--default-hover-text-color: #3c3e3e;
	--default-light-text-color: #63666a;
	--default-bg-color: #f2f4f6;
	--default-hover-bg-color: #ebeef0;
	--default-font-family: 'Manrope';
	
	
	
	
	
	
	

	
	--blue: #3950C8;
	--blue-hover: #596FE6;
	
	--green: #28a8b5;
	--green-hover: #31b7c5;
	
	--hero-bg-color: #f2f4f6;
	--hover-bg-color: #ebeef0;
	
	--normal-text-color: #391952;
	

	--light-text-color: #63666a;

	--ondark-line-color: #3a363a;
	--ondark-text-color: #9d9d9d;
	
	--input-border-bottom-color: #dbdbdb;	
	
	
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding: 0;
	margin: 0;
	border: 0;
}

ion-icon {	
	pointer-events: none;
}

a:link,
a:visited,
a:active {
	color: var(--main-color);
	text-decoration: none;
}

a:hover {
	color: var(--main-hover-color);
}

a.footer-logo {
	color: var(--default-text-color);
}

textarea {
	resize: vertical;
}

body, html {
	color: var(--text-color);
	font-size: 16px;
   	font-family: var(--font-family);
	font-weight: 400;
	height: 100%;
	scroll-behavior: smooth;
	background: var(--bg-color-default);
	background-image: var(--bg-color);
	background-attachment: fixed;
}

body {
	overflow-y: auto !important;
	padding-right: 0 !important;
}

main {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}	

.profil-content {
	flex: 1;
	margin: 25px 0 50px 0;
}








/* ------------------ IMAGE ------------------ */

.links .tartalom.image {
	background: unset;
	border: 0;
	box-shadow: rgba(10, 11, 13, 0.12) 0px 16px 32px 4px;
}

.links .tartalom.image .image-content {
	line-height: 0;
}

.links .tartalom.image .image-content img {
	width: 100%;
	height: auto;
}


/* ------------------ TIKTOK EMBED ------------------ */

.tiktok_embed blockquote.tiktok-embed {
	margin: 0 auto !important;
}



/* ------------------ YOUTUBE INDAVIDEO VIDEA EMBED ------------------ */

.youtube_embed,
.indavideo_embed,
.videa_embed {
	position: relative;
	padding-bottom: 56.25%;
}

.youtube_embed iframe,
.indavideo_embed iframe, 
.videa_embed iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




/* ------------------ TWITTER EMBED ------------------ */

.twitter_embed iframe {
	border-radius: unset;
}

.twitter-tweet.twitter-tweet-rendered {
	margin: 0 auto !important;
}


/* ------------------ PROFIL FOOTER ------------------ */

.profil-footer {
	padding: 53px 0;
	text-align: center;
}

.profil-footer svg {
	vertical-align: bottom;
	color: var(--text-color);
}

.join-linkie {
	font-family: var(--default-font-family);
	padding: 10px 15px;
	border: 1px solid var(--line-color);
	background: white;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 600;
	color: var(--default-text-color);
	cursor: pointer;
	width: fit-content;
	margin: 0 auto 15px auto;
	display: none;
}


/* ------------------------------------------
	SENSITIVE CONTENT
--------------------------------------------- */

.sensitive_content,
.account_unavailable {
	background: white;
	color: var(--default-text-color);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	z-index: 99999999999;
	text-align: center;
	overflow: auto;
	padding: 0 var(--body-wall);
	font-family: var(--default-font-family);
}

.account_unavailable {
	background: white;
}

.sensitive_content a.logo img,
.account_unavailable a.logo img {
	height: 20px;
}

.sensitive_content .sensitive-top,
.account_unavailable .account_un-top {
	padding: 100px 0;
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}

.sensitive_content .sensitive-top .red-18 {
	color: red;
}

.sensitive_content .sensitive-top h2,
.account_unavailable .account_un-top h2 {
	font-size: 35px;
	margin-bottom: 20px;
}

.sensitive_content .sensitive-top p,
.account_unavailable .account_un-top p {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 25px;
}

.sensitive_content .sensitive-top .over {
	border: 2px solid var(--default-text-color);
	background: var(--default-text-color);
	color: var(--default-bg-color);
	padding: 10px;
	border-radius: 3px;
	max-width: 200px;
	margin: 0 auto;
	cursor: pointer;
	font-size: 15px;
	font-weight: 700;
}

.sensitive_content .sensitive-top .over:hover {
	background: white;
	color: var(--default-text-color);
}

.sensitive_content .sensitive-top .under {
	padding: 10px;
	margin: 15px auto;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	color: var(--default-text-color);
}

.sensitive_content .sensitive-top .under:hover {
	opacity: .7;
}

.sensitive_content .sensitive-footer,
.account_unavailable .account_un-footer {
	padding: 53px 0;
	line-height: 0;
}

.sensitive_content .sensitive-footer svg {
	vertical-align: bottom;
}

.account_unavailable p.big-p {
	font-size: 24px;
	font-weight: 700;
	line-height: 1.6;
}

a.success-tovabb {
	background: var(--main-color);
	padding: 10px 30px;
	font-family: inherit;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.5;
	color: white;
	border-radius: 100px;
	cursor: pointer;
	margin-top: 15px;
	display: inline-block;
}

a.success-tovabb:hover {
	background: var(--main-hover-color);
}

.fa-ikon {
	font-size: 55px;
}

.fa-ikon.error {
	color: red;
}

.fa-ikon.success {
	color: forestgreen;
}

.body-overflow-hidden {
	overflow: hidden !important;
}

.body-overflow-auto {
	overflow: auto !important;
}

#akt-ujra-div {
	font-family: var(--default-font-family);
	background: pink;
	padding: 15px;
	text-align: center;
	font-size: 14px;
	line-height: 1.6;
	color: var(--default-text-color);
}

#akt-ujra-div button {
	font-family: var(--default-font-family);
	font-size: inherit;
	font-weight: 700;
	color: red;
	background: transparent;
	cursor: pointer;
	text-decoration: underline;
}

#akt-ujra-div button:hover {
	text-decoration: none;
}

.blink {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

@media screen and (max-width: 400px) {
	.sensitive_content .sensitive-top h2,
	.account_unavailable .account_un-top h2 {
		font-size: 25px;
	}
	.sensitive_content .sensitive-top, 
	.account_unavailable .account_un-top {
		padding: 40px 0;
	}
	.sensitive_content .sensitive-footer, 
	.account_unavailable .account_un-footer {
		padding: 25px 0 50px 0;
	}
}



/* ------------------------------------------
	NEWSLETTER
--------------------------------------------- */

.feliratkozas-wrap {
	margin-bottom: -55px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.feliratkozas-wrap-end {
	justify-content: flex-end;
}	

.profile-top-btn {
	font-family: var(--default-font-family);
	padding: 10px;
	border: 1px solid var(--line-color);
	background: white;
	border-radius: 100px;
	font-size: 14px;
	font-weight: 600;
	color: var(--default-text-color);
	display: inline-flex;
	justify-content: center;
	cursor: pointer;
	margin-bottom: 45px;	
}

.feliratkozas-btn {
	padding: 10px 15px;
	margin-left: 10px;
}

.feliratkozas-btn svg {
	margin-right: 5px;
}

.profile-top-btn:hover {
	background: var(--hover-bg-color);
}

.profile-modal-form p.intro-text {
	margin-bottom: 20px;
	line-height: 1.6;
	font-size: 16px;
}

.kapcs-lephet,
.egyeni-aszf {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.6;
	margin: 20px auto 0 auto;
	text-align: center;
	max-width: 400px;
}

.egyeni-aszf {
	margin-top: 7px;
	font-weight: 700;	
}

.fieldset-area fieldset:not(:last-child) {
	margin-bottom: 20px;
}

.profile-modal-form label {
	display: block;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.6;
}

.profile-modal-form input,
.profile-modal-form textarea {
	background: var(--default-bg-color);
	width: 100%;
	padding: 12px;
	font-family: inherit;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.6;
	color: var(--default-text-color);
	border-radius: 10px;
}

.profile-modal-form input:hover,
.profile-modal-form textarea:hover {
	background: var(--default-hover-bg-color);	
}

.profile-modal-form button.btn-submit {
	background: var(--default-text-color);
	color: white;
	width: 100%;
	height: 45px;
	padding: 10px 15px;
	margin-bottom: 10px;
	font-family: inherit;
	font-weight: 600;
	font-size: 16px;
	border-radius: 100px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.profile-modal-form button.btn-submit:hover {
	background: var(--default-hover-text-color);
}

.profile-modal-form button.btn-submit[type="button"][disabled] {
	opacity: .5;
	cursor: unset;
	background: darkgray;
	border-color: darkgray;
}

.profile-modal-form input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 10px;
	margin-top: 4px;
	background: var(--default-bg-color);
	border: 0;
	width: unset;
	position: absolute;
	border-radius: 3px;
}

.profile-modal-form input[type=checkbox]:checked {
	background: var(--default-text-color);
}	

.profile-modal-form input[type=checkbox]:checked:after {
	position: absolute;
	content:"";
	left: 7px;
	top: 2px;
	width: 4px;
	height: 9px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.profile-modal-form fieldset.checkbox-field label {
	margin-left: 30px;
	margin-top: 3px;
}

.profile-modal-form fieldset.csapda {
	display: none;
	opacity: 0;
	height: 0;
	visibility: hidden;
}

.error-text label {
	color: red;
	font-size: 12px !important;
	margin-bottom: 0 !important;
	line-height: 1.6;
}

.all-error {
	margin-bottom: 10px;
	color: red;
	font-size: 12px !important;
	font-weight: 600;
	line-height: 1.6;
}

#aszf-error {
	margin-left: 0 !important;
}

.subs-success-msg {
	text-align: center;
	margin-bottom: 40px;
}

.subs-success-msg span {
	color: var(--main-color);
	font-size: 40px;
}

.subs-success-msg h4 {
	font-size: 25px;
	margin-bottom: 10px;
}

.subs-success-msg p {
	line-height: 1.6;
	font-weight: 500;
	font-size: 14px;
	color: var(--default-light-text-color);
}

.already-email {
	background: cornsilk;
	border: 2px solid darkkhaki;
	padding: 10px;
	border-radius: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5;
}

.already-email strong {
	margin-bottom: 5px;
	display: block;	
}

.already-email span {
	opacity: 0.7;	
}

#subs-ujra-btn {
	font-family: inherit;
	font-weight: 700;
	background: transparent;
	text-decoration: underline;
	cursor: pointer;
}

#subs-ujra-btn:hover {
	text-decoration: none;
}




.circ {
  border-radius: 50%;
  width: 17px;
  height: 17px;
  display: inline-block;
  border-top: 3px solid transparent;
  border-left: 3px solid white;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(45deg);
  animation: rotation 2s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}











 
.fade {
    transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
    .fade {
        transition: none;
    }
}
.fade:not(.show) {
    opacity: 0;
}
	
.modal {
    --bs-modal-zindex: 999999;
    --bs-modal-width: 500px;
    --bs-modal-padding: 20px;
    --bs-modal-margin: 0.5rem;
    --bs-modal-color: ;
    --bs-modal-bg: #fff;
    --bs-modal-border-color: transparent;
    --bs-modal-border-width: 0px;
    --bs-modal-border-radius: 20px;
    --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-modal-inner-border-radius: calc(0.5rem - 1px);
    --bs-modal-header-padding-x: 20px;
    --bs-modal-header-padding-y: 20px;
    --bs-modal-header-padding: 20px 20px;
    --bs-modal-header-border-color: var(--line-color);
    --bs-modal-header-border-width: 1px;
    --bs-modal-title-line-height: 1.5;
    --bs-modal-footer-gap: 0.5rem;
    --bs-modal-footer-bg: ;
    --bs-modal-footer-border-color: white;
    --bs-modal-footer-border-width: 1px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-modal-zindex);
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0;
	font-family: var(--default-font-family);
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: var(--bs-modal-margin);
    pointer-events: none;
}
.modal.fade .modal-dialog {
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none;
    }
}
.modal.show .modal-dialog {
    transform: none;
}
.modal.modal-static .modal-dialog {
    transform: scale(1.02);
}
.modal-dialog-scrollable {
    height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
    overflow-y: auto;
}
.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    color: var(--bs-modal-color);
    pointer-events: auto;
    background-color: var(--bs-modal-bg);
    background-clip: padding-box;
    border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
    border-radius: var(--bs-modal-border-radius);
    outline: 0;
}
.modal-backdrop {
    --bs-backdrop-zindex: 99999;
    --bs-backdrop-bg: #000;
    --bs-backdrop-opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: var(--bs-backdrop-zindex);
    width: 100vw;
    height: 100vh;
    background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
    opacity: 0;
}
.modal-backdrop.show {
    opacity: var(--bs-backdrop-opacity);
}
.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: var(--bs-modal-header-padding);
    /*border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);*/
    border-top-left-radius: var(--bs-modal-inner-border-radius);
    border-top-right-radius: var(--bs-modal-inner-border-radius);
	flex: 1;
}
.modal-header .btn-close {
    /*margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto;*/
	line-height: 0;
	background: transparent;
	cursor: pointer;
}
.modal-header .btn-back {
	line-height: 0;
	background: transparent;
	cursor: pointer;
	margin: 0 10px 0 -5px;
}
.modal-header .btn-close:hover,
.modal-header .btn-back:hover {
    opacity: .7
}
.modal-title {
    margin-bottom: 0;
    line-height: var(--bs-modal-title-line-height);
	font-size: 18px;
	letter-spacing: 0;
}
.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: var(--bs-modal-padding);
}
.modal-footer {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
    background-color: var(--bs-modal-footer-bg);
    border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
    border-bottom-right-radius: var(--bs-modal-inner-border-radius);
    border-bottom-left-radius: var(--bs-modal-inner-border-radius);
	
}
.modal-footer.del-btn-footer {
    flex-wrap: unset;
}	
/*.modal-footer > * {
    margin: calc(var(--bs-modal-footer-gap) * 0.5);
}*/
@media (min-width: 576px) {
    .modal {
        --bs-modal-margin: 1.75rem;
        --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    }
    .modal-dialog {
        max-width: var(--bs-modal-width);
        margin-right: auto;
        margin-left: auto;
    }
    .modal-sm {
        --bs-modal-width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg,
    .modal-xl {
        --bs-modal-width: 800px;
    }
}
@media (min-width: 1200px) {
    .modal-xl {
        --bs-modal-width: 1140px;
    }
}
.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}
.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
}
.modal-fullscreen .modal-footer,
.modal-fullscreen .modal-header {
    border-radius: 0;
}
.modal-fullscreen .modal-body {
    overflow-y: auto;
}
@media (max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-footer,
    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-footer,
    .modal-fullscreen-md-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-footer,
    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-footer,
    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto;
    }
}
@media (max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }
    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-footer,
    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0;
    }
    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto;
    }
}

.modal {
	color: var(--default-text-color) !important;
}



/* ------------------------------------------
	LOCK
--------------------------------------------- */

.links .tartalom.lock_content {
	background: white !important;
	color: var(--default-text-color) !important;
	border-color: white !important;
	box-shadow: rgba(10, 11, 13, 0.12) 0px 16px 32px 4px;
	font-family: var(--default-font-family);
	padding: 20px;
	text-align: center;
}

.tartalom.lock_content .lock-ikon {
	display: block;
	margin-bottom: 20px;
	height: 45px;	
}

.tartalom.lock_content .lock-ikon img {
	height: 100%;
	width: auto;
}

.tartalom.lock_content .lock-title {
	margin-bottom: 10px;
	font-size: 19px
}

.tartalom.lock_content .lock-text {
	color: var(--default-light-text-color);
	line-height: 1.6;
	font-weight: 600;
	font-size: 14px;
}

.tartalom.lock_content:hover {
	transform: unset;
}

.tartalom.lock_content .lock-button {
	margin-top: 25px;
	display: flex;
	justify-content: center;
}	

.tartalom.lock_content button {
	border-radius: 100px;
	background: var(--default-text-color);
	color: white;
	padding: 0 50px;
	height: 45px;
	font-family: var(--default-font-family);
	font-weight: 600;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tartalom.lock_content button:hover {
	background: var(--default-hover-text-color);
}

.kod-megadas {
	margin-top: 25px;
}

.kod-megadas input {
	background: var(--hero-bg-color);
	width: 40px !important;
	height: 50px !important;
	padding: 5px !important;
	font-family: inherit;
	font-weight: 600 !important;
	font-size: 14px !important;
	color: var(--normal-text-color);
	border-radius: 10px;
	text-align: center;
	border: 0;
}

.lock-code-response .error {
	display: block;
	margin-top: 10px;
	color: red;
	font-size: 15px;
	font-weight: 600;	
}

.lock-indicator {
	display: flex;
	width: 30px;
	margin: 30px auto 0 auto;
	align-items: center;
	line-height: 0;
}

.lock-indicator .li-circle {
	width: 8px;
	height: 8px;
	background: var(--ondark-text-color);
	border-radius: 100px;
}

.lock-indicator .li-bridge {
	flex: 1;
	height: 1px;
	background: var(--ondark-text-color);
}

.lock-indicator .li-active {
	background: var(--default-text-color);
}

button#username-claim {
	font-family: inherit;
	font-size: inherit;
	background: transparent;
	font-weight: 700;
	color: var(--main-color);
	cursor: pointer;
}

button#username-claim:hover {
	color: var(--main-hover-color);
}

a .help-article-icon {
	font-size: 20px;
	color: var(--normal-text-color);
}

a .help-article-icon.va-text-bottom {
	vertical-align: text-bottom;
}

a .help-article-icon.va-sub {
	vertical-align: sub;
}


.verifyd-label ion-icon {
	color: blue !important;
}


/* ------------------------------------------
	PROFILE COVER
--------------------------------------------- */

.profile-cover {
	margin: 0 auto;
	max-width: 900px;
}

.profile-cover img {
	width: 100%;
	height: auto;
}


@media screen and (max-width: 480px) {
	.profile-cover img {
		height: 300px;
	}
}



/* ------------------------------------------
	MEGOSZTÁS
--------------------------------------------- */

.share-egy {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 10px;
	line-height: 0;
	padding: 15px;
	border: 1px solid white;
	cursor: pointer;
	color: var(--normal-text-color);
}

.share-egy:hover {
	background: var(--hero-bg-color);
	border: 1px solid var(--hero-bg-color);
}

.share-linkjeim {
	border: 1px solid var(--hero-bg-color) !important;
	border-radius: 10px;
	margin: 10px 0 25px 0;
	background: transparent;
	font-family: inherit;
	font-size: inherit;
	width: 100%;
	text-align: left;	
}

.sh-ikon {
	margin-right: 15px;
}

.sh-nev {
	font-weight: 700;
	flex: 1;
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	min-width: 0;
	line-height: normal;
}

.sh-nyil {
	color: var(--normal-text-color) !important;
}

.share-report {
	color: var(--light-text-color);
	border-top: 1px solid var(--line-color);
	border-radius: 0;
	margin: 0 -20px;
	padding: 20px 30px 5px 30px;	
}

.share-egy.share-report:hover {
	background: transparent;
	border-top: 1px solid black;
	border-left: 1px solid white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	color: red;
}

#copy-done {
	background: var(--main-color);
	line-height: normal;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: 700;
	border-radius: 34px;
	color: white !important;
	width: 75px;
	text-align: center;
}

#copy-done:hover {
	background: var(--main-hover-color);
}

#copy-done.masolva {
	background: green;
}


#megosztas_modal .modal-dialog {
	max-width: 370px;
	margin: var(--bs-modal-margin) auto;
}

@media (max-width: 400px) {
    #megosztas_modal .modal-dialog {
        margin: var(--bs-modal-margin);
		width: auto;
		max-width: unset;
    }
}



/* ------------------------------------------
	BARÁTOK
--------------------------------------------- */

.f-title-desc {
	margin-bottom: 15px;
}

.friend-title {
	font-weight: 700;
	margin-bottom: 15px;
}

.friend-desc {
	font-weight: 600;
}

.friend-avatars-content {
	margin-top: 50px;
	flex: 1;
}

.friend-avatars {
	display: flex;
	justify-content: center;
}

.egy-barat {
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	max-width: 160px;
	margin-top: 10px;
}

.egy-barat:not(:last-child) {
	margin-right: 10px;
}

.friend-avatar {
	display: flex;
	align-items: center;
	justify-content: center;
	color: white;
	text-transform: uppercase;
	overflow: hidden;
	border-radius: 100px;
	margin: 0 auto 10px auto;
} 

.friend-verifyd-label img {
	width: 11px;
	height: auto;
}

.barat-nev {
	font-weight: 700;
	color: var(--text-color);
	transition: opacity .2s;
	display: flex;
	width: 120px;
	justify-content: center;
}

.barat-usernev {
	white-space: nowrap;
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-right: 3px;
}

.egy-barat:hover .barat-nev {
	opacity: .7;
}

.friends {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}