/*
Theme Name: Livongwithout the Moon Theme
Template: twentytwenty
Author: Viktor Blaskovics
Description: Custom Wordpress Theme
Tags: twenty-twenty-child
Version: 1.0.1611232664
Updated: 2021-01-21 12:37:44

*/

:root {
	--scrollbar-width: calc(100vw - 100%);
}

.post-inner {
	padding       : 25px;
	padding-bottom: 0px;
}

@media (min-width: 700px) {
	#site-content .page header.entry-header {
		padding-top: 5px;
	}
}

@media (min-width: 700px) {

	.entry-content>.alignwide:not(.wp-block-group.has-background),
	.entry-content>.alignfull:not(.wp-block-group.has-background) {
		margin-top   : 5px;
		margin-bottom: 25px;
	}
}

.livi-btn {
	width: 100%;
}

.livi-btn a {
	width: 100%;
}

.entry-title {
	color: white;
}


#site-content .page header {
	padding-top   : 30px;
	padding-bottom: 30px;
}

#site-header .header-inner {
	justify-content: center !important;
}

.header-titles-wrapper {
	justify-content: center !important;
}

/* LAYOUT */
.wp-block-buttons.aligncenter {
	justify-content: center;
}

#site-content .post-inner {
	padding-top: 0px !important;
}

#site-content {
	min-height: calc(100vh - 200px);
}

.no-margin-vertically {
	margin-top   : 0px !important;
	margin-bottom: 0px !important;
}



/* BLOCK MODIFIERS */
.block-narrow {
	margin-bottom: 20px !important;
	margin-top   : 10px !important;
}

/* FONT */
h1 {
	font-family: "Open Sans", sans-serif;
	font-size  : 36px;
	font-weight: 800;
}

h2 {
	font-family: "Open Sans", sans-serif;
	font-size  : 30px;
	font-weight: 600;
}

h3 {
	font-family: "Open Sans", sans-serif;
	font-size  : 24px;
	font-weight: 400;
}

h4 {
	font-family: "Open Sans", sans-serif;
	font-size  : 20px;
	font-weight: 350;
}

h5 {
	font-family: "Open Sans", sans-serif;
	font-size  : 16px;
	font-weight: 325;
}

p {
	font-family: "Lato", sans-serif;
}

.widget_text p {
	font-family: "Open Sans", sans-serif;
}

@supports (font-variation-settings: normal) {

	body {
		font-family: "Open Sans", sans-serif;
	}
}

@supports (font-variation-settings: normal) {

	input,
	textarea,
	button,
	.button,
	.faux-button,
	.faux-button.more-link,
	.wp-block-button__link,
	.wp-block-file__button {
		font-family: "Open Sans", sans-serif;
	}
}

.entry-content {
	font-family   : "Open Sans", sans-serif;
	letter-spacing: normal;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content span,
.entry-content cite,
.entry-content figcaption,
.entry-content table,
.entry-content address,
.entry-content .wp-caption-text,
.entry-content .wp-block-file {
	font-family: "Open Sans", sans-serif;
}

.font-color-main {
	color: #2b4c79 !important
}

.font-color-second {
	color: #9d684f !important
}

/* MENU */
header .site-description {
	display: none;
}

#site-content header.entry-header {
	display: none;
}

/* INPUT TEXT */
input[type="text"] {
	padding: 10px !important;
}

input[type="password"] {
	padding: 10px !important;
}

/* BUTTON */
input[type="submit"] {
	line-height     : 1;
	background-color: #9d684f !important;
	padding         : 0.7em 1.1em;
	border-radius   : 10px;
}

#site-content .wp-block-button>a {
	line-height     : 1;
	background-color: #2b4c79 !important;
	padding         : 0.7em 1.1em;
}

#site-content a.wp-block-button__link {
	color: white !important;
}

#site-content .wp-block-button.is-style-outline>a {
	background-color: transparent !important;
}

#site-content .wp-block-button.is-style-outline>a.wp-block-button__link {
	color       : black !important;
	border-color: #9d684f;
	border-width: medium;
}

.button-expand {
	transition: all 0.1s ease !important;
	transform : scale(1) !important;
}

.button-expand:hover {
	/*  Making button bigger on hover  */
	transform: scale(1.025) !important;
}

.button-shadow {
	border-radius     : 10px;
	-moz-box-shadow   : 0 3px 5px #ccc;
	-webkit-box-shadow: 0 3px 5px #ccc;
	-o-box-shadow     : 0 3px 5px #ccc;
	-ms-box-shadow    : 0 3px 5px #ccc;
	box-shadow        : 0 3px 5px #ccc;
}

/* LINK */
#site-content a {
	color        : #2b4c79 !important;
	border-radius: 10px;
}

/* FOOTER */
#site-footer {
	display: none !important;
}

.footer-bar {
	padding-top   : 10px;
	padding-bottom: 10px;
}

.footer-bar a {
	color: white !important;
}


.footer-inner {
	margin   : 0px !important;
	width    : 100% !important;
	max-width: none !important;
}

.footer-widgets-outer-wrapper {
	padding: 0px !important;
}

.footer-widgets-wrapper {
	justify-content: center !important;
	margin-left    : 0px !important;
	text-align     : center !important;
	width          : 100% !important;
}

.footer-widgets-wrapper p {
	font-size: 12px !important;
	margin   : 0px !important;
	color    : white !important;
}

.footer-widgets {
	width : 100% !important;
	margin: 0px !important;
}

.footer-widgets .widget.widget_text {
	padding-top   : 10px;
	padding-bottom: 10px;
}

.footer-nav-widgets-wrapper.header-footer-group {
	margin-top: 0px !important;
}

/* FOOTER INSERT PAGE */
.insert-page-324 {
	background-color   : #2b4c79;
	width              : calc(100vw-var(var(--scrollbar-width)))!important;
	max-width          : calc(100vw-var(var(--scrollbar-width)))!important;
	padding-top        : 10px;
	margin-top         : 0px !important;
	margin-bottom      : 0px !important;
	margin-left        : calc(-50vw + 50%) !important;
	margin-right       : calc(-50vw + 50%) !important;
}

.insert-page-324 hr {
	border-top: solid 4px white!important;
	width: 100vw;
	max-width: 1040px;
}
.insert-page-324 hr:before {
	content:none!important;
}
.insert-page-324 hr:after {
	content:none!important;
}

.insert-page-324 .wp-block-buttons>.wp-block-button {
	margin-top: 10px;
}

.insert-page-324 .wp-block-buttons {
	padding-bottom: 5px !important;
	margin-top    : 10px !important;
}

.insert-page-324 .wp-block-button {
	width: 165px;
}

#site-content .insert-page-324 .wp-block-button.is-style-outline>a.wp-block-button__link {
	width         : 165px;
	color         : white !important;
	color         : white !important;
	padding-left  : 5px !important;
	padding-right : 5px !important;
	padding-top   : 20px !important;
	padding-bottom: 20px !important;
  
    -moz-box-shadow   : 4px 4px 10px -4px rgba(0,0,0,0.81);
	-webkit-box-shadow: 4px 4px 10px -4px rgba(0,0,0,0.81);
	-o-box-shadow     : 4px 4px 10px -4px rgba(0,0,0,0.81);
	-ms-box-shadow    : 4px 4px 10px -4px rgba(0,0,0,0.81);
	box-shadow        : 4px 4px 10px -4px rgba(0,0,0,0.81);
}

#site-content .insert-page-324 .wp-block-button.is-style-outline.button-variant-1>a.wp-block-button__link {
	text-decoration: underline !important;
	border-color   : white !important;
	border-radius  : 20px;
	border-width   : thick;
}

#site-content .insert-page-324 .wp-block-button.is-style-outline.button-variant-2>a.wp-block-button__link {
	color          : white !important;
	border-radius  : 20px;
	border-width   : thick;
}

#site-content .insert-page-324 .wp-block-button.is-style-outline.button-variant-3 {
	min-width: 240px;
}

#site-content .insert-page-324 .wp-block-button.is-style-outline.button-variant-3>a.wp-block-button__link {
	background-color: white !important;
	color           : #2b4c79  !important;
	border-radius   : 20px;
	border-width    : 5px;
	border-color    : white;
	width           : 240px;
	font-weight: 700;
	font-size: 18px;
	padding-top:16px!important;
	padding-bottom:16px!important;
	line-height: 21px;
}

#site-content .insert-page-324 .wp-block-button.is-style-outline.button-variant-4 {
	min-width: 240px;
}

#site-content .insert-page-324 .wp-block-button.is-style-outline.button-variant-4>a.wp-block-button__link {
	background-color: #9d684f !important;
	color           : white !important;
	border-radius   : 20px;
	border-width    : 5px;
	border-color    : #9d684f;
	width           : 240px;
	font-weight: 700;
	font-size: 18px;
	padding-top:16px!important;
	padding-bottom:16px!important;
	line-height: 21px;
}

.insert-page-324 .p324c:after {
	color     : white;
	margin-top: 10px;
	display   : block;
	font-size : 15px;
	text-align: center;
}

.insert-page-324 .p324c1:after {
	content: 'Értelmezési segítség';
}

.insert-page-324 .p324c2:after {
	content: 'Módszertani segítség';
}

.insert-page-324 .p324c3:after {
	content: 'Technikai segítség';
}

.insert-page-324 .p324c4:after {
	content    : 'Mentálhigiénés segítség';
	margin-left: -10px;
	min-width  : 180px;
}

.insert-page-324 .p324c5:after {
	content  : 'Hogyan fejlődj tovább?';
	min-width: 240px;
}

.insert-page-324 .wp-block-separator {
	margin-top   : 0px;
	margin-bottom: 0px;
}

/* HORIZONTAL RULE */
.line-primary {
	background-color: #2b4c79;
	border-radius   : 3px;
}

/* ROUTER */
body.page-id-608 {
	background-color: white !important;
}

.page-id-608 #site-content {
	visibility: hidden;
}

.page-id-608 header {
	visibility: hidden;
}

.page-id-608 .footer-nav-widgets-wrapper {
	visibility: hidden;
}

/* MEMBERSHIP PLUGIN */
.swpm-post-no-access-msg {
	display: none;
}
.swpm-post-not-logged-in-msg {
  	display: none;
}

/* LOGIN PAGE */
.page-id-92 .logout {
	display: none!important;
}


.login-forgotten-email {
  	font-family: "Lato", sans-serif;
	text-align : center;
  	text-transform: uppercase;
	padding-top: 10px;
	margin-top : 100px;
  	font-size: 12px;
}

.login-forgotten-email a {
	color: white !important;
}

.swpm-login-action-msg {
	font-size  : 18px;
	text-align : center;
	padding-top: 10px;
}

.page-id-92 header {
	background-color: #2b4c79 !important;
}

.page-id-92 .header-titles-wrapper {
	padding: 0px !important;
}

.page-id-92 {
	height          : 100%;
	background-color: #2b4c79 !important;
}

.page-id-92 .mobile-search-toggle,
.mobile-nav-toggle {
	display: none !important;
}

.page-id-92 .page header.entry-header {
	display: none !important;
}

.page-id-92 .post-inner {
	background-color: #2b4c79;
}

.page-id-92 footer {
	display: none !important;
}

.page-id-92 .entry-content .wp-block-image {
	margin-bottom: 0px !important;
}

.page-id-92 #swpm-login-form {
	margin    : 10px;
	padding   : 20px;
	background: white;
}

.page-id-92 .swpm-login-form-inner {
	display  : inline-flex;
	flex-flow: wrap;
}

.page-id-92 .swpm-login-form-inner div {
	flex: 0 0 100%;
}

.page-id-92 .swpm-login-form-inner .swpm-remember-me {
	flex       : 1 1 100%;
	flex-basis : auto;
	text-align : center;
	padding-top: 5px;
	font-size  : medium;
}

.page-id-92 .swpm-login-form-inner .swpm-login-submit {
	margin-left: 0px !important;
	flex       : 1 1 100%;
	text-align : center;
}

.page-id-92 .swpm-login-form-inner .swpm-login-submit input {
	margin: 0px;
}

.page-id-92 .swpm-before-login-submit-section {
	flex: 0 !important;
}

.page-id-92 .swpm-login-form-submit {
	margin-top: 10px !important;
}

.page-id-92 .insert-page-324 {
	display: none !important;
}

@media screen and (max-width: 450px) {
	.page-id-92 .swpm-login-widget-form {
		width      : 100vw !important;
		max-width  : 450px !important;
		margin-left: -25px;
	}
}


#site-content .post-92 .swpm-login-widget-form {
	max-width: 400px;
}

/* BREADCRUMB */
.page-template-default .fbc.fbc-page{
	max-width:none!important;
}

.fbc-page .fbc-wrap .fbc-items {
	background-color: transparent !important;
}
.fbc-page .fbc-wrap .fbc-items span {
	font-weight: 550;
}

/* WELCOME PAGE */
.welcome .page header.entry-header {
	display: none !important;
}

.welcome .button-welcome {
	margin-top: 0px;
}

.welcome .button-welcome a {
	font-size    : 32px;
	width        : 430px;
	padding-left : 10px !important;
	padding-right: 10px !important;
}

.welcome .button-welcome a:after {
	content    : "»";
	font-family: serif;
	text-align : right;
	float      : right;
	transform  : translate(0px, -4px);
}

@media screen and (max-width: 450px) {
	.welcome .button-welcome a {
		width        : 100vw;
		font-size    : 26px;
		border-radius: 0px !important;
	}
}

.welcome .button-welcome-medium a {
	font-size: 24px !important;
	min-width: 220px;
}

.welcome .title-welcome {
	max-width: 600px !important;
}

.welcome .packages-area-welcome {
	display        : flex;
	justify-content: center;
	max-width      : 850px !important;
	padding        : 20px !important;
	border-radius  : 25px;
}

@media screen and (max-width: 450px) {
	.welcome .packages-area-welcome {
		width         : 100% !important;
		margin-left   : 0px;
		margin-right  : 0px;
		/* align-items: center; */
	}
}

.welcome .packages-area-welcome .wp-block-buttons {
	margin-top   : 10px;
	margin-bottom: 10px;
}

.welcome .button-sm-card-welcome a {
	min-width     : 160px !important;
	padding-top   : 15px !important;
	padding-bottom: 15px !important;
	border-radius : 15px !important;
}

@media screen and (max-width: 450px) {
	.welcome .button-sm-card-welcome a {
		width: 70vw !important;
	}
}

.welcome .button-bg-card-welcome a {
	min-width     : 200px !important;
	padding-top   : 15px !important;
	padding-bottom: 15px !important;
	border-radius : 15px !important;
}

@media screen and (max-width: 450px) {
	.welcome .button-bg-card-welcome a {
		width: 70vw !important;
	}
}

.welcome .wp-block-buttons .wp-block-button.button-sm-card-welcome {
	margin-left : 10px !important;
	margin-right: 10px !important;
}

.welcome .wp-block-buttons .wp-block-button.button-bg-card-welcome {
	margin-left : 10px !important;
	margin-right: 10px !important;
}

.welcome #button-welcome-main {
	min-width: 260px;
}

@media screen and (max-width: 800px) {
	.welcome .block-welcome .wp-block-column {
		flex-basis: 100% !important;
		width     : 100vw;
		max-width : 100vw;
	}

}

/* TARTALOMJEGYZEK */
.table-of-contents #site-content header {
	display: none !important;
}

.table-of-contents .su-spoiler-title {
	font-size: 20px !important;
}

.table-of-contents ul.page-list>li>a {
  font-weight: 700;
}

.table-of-contents .wp-block-column>h3 {
    font-weight: 850;
}

/* LECKÉK */
.lecke-menu-insert-page {
	padding-top: 20px;
}

.lecke-root {
	margin-top: -15px;
}

.lecke-inner {
	margin-top: 0px !important;
}

.lecke-sidebar {
	max-width: 300px;
}

#site-content .lecke-head-menu {
	margin      : 0px;
	padding-left: 20px;
    z-index: 10;
    position: relative;
}

#site-content .lecke-head-menu .wp-block-button.is-style-outline>a.wp-block-button__link {
	text-align: left;
	color     : white !important;
}

.lecke-card {
	border       : solid 2px #2b4c79;
	border-radius: 6px;
}

@media screen and (max-width:1269px) {
	.entry-content .wp-block-buttons>.wp-block-button.lecke-menu-item:before {
		display: none;
	}

	.entry-content .wp-block-buttons>.wp-block-button.lecke-menu-item {
		padding        : 8px;
		margin-top     : 5px;
		margin-bottom  : 5px;
		margin-right   : 5px;
		justify-content: center;
		min-width      : fit-content;
	}
}

@media screen and (max-width:880px) {
	.wp-block-column.lecke-content {
		flex-basis: 100% !important;
	}

	.lecke-inner {
		display: block;
	}

	.lecke-sidebar {
		max-width: 100%;
	}

	.lecke-sidebar .wp-block-columns {
		margin-bottom: 5px !important;
	}

	.wp-block-buttons>.wp-block-button.lecke-menu-item a br {
		content    : ' ';
		margin-left: 5px;
		/* display :none; */
	}

	.entry-content .wp-block-buttons>.wp-block-button.lecke-menu-item:before {
		display: none;
	}

	.entry-content .wp-block-buttons>.wp-block-button.lecke-menu-item {
		padding        : 10px;
		margin-top     : 5px;
		margin-bottom  : 5px;
		margin-right   : 0px;
		flex           : 1 1 100%;
		justify-content: center;
	}
}

@media screen and (max-width:450px) {

	.entry-content .wp-block-buttons>.wp-block-button.lecke-menu-item {
		margin-left  : -65px;
		min-width    : 100vw;
		border-radius: 0px;
	}

	.lecke-inner {
		margin-left: -45px;
		min-width  : 100vw;
	}

	.lecke-inner ul li a {
		border-radius: 0px !important;
	}

	.lecke-inner ul li {
		margin-left: 0px;
	}

}


.lecke-content>h2 {
	margin-top: 10px !important;
}

.wp-block-buttons>.wp-block-button.lecke-menu-item {
	background-color: #9d684f;
	border-radius   : 10px;
	margin-top      : 10px;
	margin-right    : 5px;
	display         : flex;
	align-items     : center;
	min-width       : 190px;
}

.wp-block-buttons>.wp-block-button.lecke-menu-item.lecke-active {
	background-color: #6c4d3e;
}

.wp-block-buttons>.wp-block-button.lecke-menu-item.lecke-active a {
	border: none;
}

.lecke-menu-item .wp-block-button__link {
	padding    : 0px !important;
	font-size  : 16px !important;
	font-weight: 450;
}

.lecke-menu-item:before {
	content           : " ";
	display           : inline-block;
	width             : 45px;
	height            : 45px;
	background-size   : 45px;
	margin            : 5px;
	/* transform      : translate(0px, 15px); */
}

.lecke-menu-item-1:before {
	background-image: url(/wp-content/uploads/2021/03/pi1.png);
}

.lecke-menu-item-2:before {
	background-image: url(/wp-content/uploads/2021/07/pi6.png);
}

.lecke-menu-item-3:before {
	background-image: url(/wp-content/uploads/2021/03/pi3.png);
}

.lecke-menu-item-4:before {
	background-image: url(/wp-content/uploads/2021/03/pi4.png);
}

.lecke-menu-item-5:before {
	background-image: url(/wp-content/uploads/2021/03/pi5.png);
}

.lecke-menu-item-6:before {
	background-image: url(/wp-content/uploads/2021/07/pi2.png);
}

.lecke-menu-item-7:before {
	background-image: url(/wp-content/uploads/2021/03/pi7.png);
}

.lecke-menu-item-8:before {
	background-image: url(/wp-content/uploads/2021/03/pi8.png);
}

.lecke-sidebar {
	min-width: 350px;
	transform: translateY(-30px)
}

/* MENU-ACCORDION */
.menu-accordion-title {
	display         : block;
	padding         : 10px;
	margin-top      : 42px;
	margin-bottom   : -30px;
	margin-left     : 20px;
	background-color: #2b4c79;
	font-size       : 16px !important;
	font-family     : "Open Sans";
	font-weight     : 450!important;
	color           : white !important;
	text-transform  : uppercase;
	text-align      : left;
	border-radius   : 10px;
}

.menu-accordion-title .lecke-active {
	font-weight: bold;
}

#site-content .menu-accordion-title a {
	color      : white !important;
  	text-decoration: initial;
}

#site-content .menu-accordion-title a:hover {
  	text-decoration: underline;
}

@media screen and (max-width: 450px) {
	.menu-accordion-title {
		min-width    : 100vw;
		margin-top   : 35px;
		margin-bottom: -25px;
		margin-left  : 0px !important;
	}
}

@media (max-width: 700px) {
	.menu-accordion-title {
		margin-top   : 35px;
		margin-bottom: -25px;
		margin-left  : 20px;
	}
}

.menu-accordion>ul {
	margin: 0px;
}

.menu-accordion ul li ul {
	display: none;
}

.menu-accordion ul li.ma-item-open ul {
	display: block;
}

.menu-accordion>ul>li {
	list-style      : none;
	background-color: #f0f0f0;
	border-radius   : 5px;
	padding-bottom  : 10px;
}

#site-content .menu-accordion>ul>li>a {
	display         : block;
	border-radius   : 10px;
	width           : inherit;
	padding         : 10px;
	background-color: #a6a6a6;
	font-size       : 18px !important;
	font-family     : "Open Sans";
	font-weight     : 400;
	color           : white !important;
	text-decoration: initial;
}

#site-content .menu-accordion>ul>li>a:hover {
	text-decoration: underline;
}

#site-content .menu-accordion>ul>li>a.lecke-active {
	font-weight     : 800;
	background-color: #6d6d6d;
}

#site-content .menu-accordion>ul>li>ul a {
	font-size  : 18px !important;
	font-family: "Open Sans";
	font-weight: 400;
  	text-decoration: initial;
}

#site-content .menu-accordion>ul>li>ul a:hover {
  	text-decoration: underline;
}

#site-content .menu-accordion>ul>li>ul a.lecke-active {
	font-weight: 800;
}

/* DEBUG */
.primary-menu {
	display: none !important;
}

.powered-by-wordpress {
	display: none !important;
}

.tab-content hr {
	margin-top   : 40px;
	margin-bottom: 10px;
}

/* AUDIOIGNITER */
.audioigniter-column {
	display        : flex;
	justify-content: space-around;
}

.audioigniter-root {
	flex: 1;
}

@media screen and (max-width: 450px) {
	.audioigniter-root {
		min-width: 100vw;
	}
}

.audioigniter-root .ai-wrap.ai-type-full {
	background-color: #9d684f !important;
}

.ai-audio-controls-main button {
	background-color: #fff !important;
}

.ai-audio-controls-main button svg {
	fill: #9d684f !important;
}

.ai-track-progress-bar {
	background-color: white !important;
}

.ai-track-progress {
	background-color: #9d684f !important;
}

.ai-track-progress-bar {
	outline: white solid 1px;
}

.ai-btn {
	background-color: white !important;
}

.ai-btn svg {
	fill: #9d684f !important;
}

.ai-audio-volume-bars {
	border: solid 1px white !important;
}

.ai-volume-bar {
	background-color: white !important;
}

.ai-volume-bar.ai-volume-bar-active {
	background-color: white !important;
}

.ai-volume-bar.ai-volume-bar-active:before {
	background-color: #9d684f !important;
}

.ai-wrap .ai-volume-bar {
	border-right: 1px solid #eaacb8 !important;
}

/* PDF VIEWER */
.pdfjs-viewer #print {
	display: none;
}

@media screen and (max-width:450px) {
	.pdfjs-viewer {
		min-width : 100vw;
		max-height: 75vh;
	}
}