/*
 Theme Name:   Medialog
 Template:     twentytwentytwo
 Version:      2.0
 Theme URI: https://wordpress.org/themes/twentytwentytwo/
*/

/*test c-t*/

header {
    position:sticky !important;
    top:-1px;
    z-index:9;
	background:#fff;
	padding:0 20px;
	}
body {
	padding-right:0;
	padding-left:0;
	padding-bottom:0;
	}	
a {
	text-decoration:none;
	}
a :hover {
	opacity:0.6;
	}
sup {
    font-size: initial;
}
.aligncenter {
    clear: both;
    margin: 0 auto;
    display: block;
}
.no-margin-block {	margin:0;}
.heading-block-xs h1{	font-size: 140%;    font-weight: 600;	font-family: Montserrat;}.heading-block-xs p, 
.heading-block-xs a, .heading-block-xs ul li,.heading-block-xs em, .heading-block-xs span {    /* font-family: Georgia; */    text-align: justify;	font-size:0.7rem !important;}.b-card-block-vertical,.media-text-block-vertical {	display: flex;    flex-flow: column;}.projects-spacing-fix {	padding:25px;	margin-top:-25px !important;}h4::first-letter {	font-size:3em;	font-weight: 600;}.projects-date-heighlight {	background:#56f0ff;	padding: 3px 5px;    font-weight: 600;    font-size: initial;	line-height: 1.2;}.projects-date-heighlight::before {	content: '__';    font-weight: 600;    font-size: 30pt;    position: absolute;	}

.prev-next-link-row {
	justify-content: space-between;
}
.post-navigation-link-previous a::before {
    font-family:'dashicons';
    content:'\f341';
    font-size: 9pt;
    display: inline-flex;
    padding: 0px 5px;
}

.post-navigation-link-next a::after {
    font-family:'dashicons';
    content:'\f345';
    font-size: 9pt;
    display: inline-flex;
    padding: 0px 5px;
}
.post-navigation-link-previous, 
.post-navigation-link-next {
    max-width: 50%; 
    align-self: flex-start;
    display: flex;
}

.post-navigation-link-previous a, 
.post-navigation-link-next a {
    display: inline-flex;
    align-items: center;
	font-size: xx-small;
    padding: 3px 10px;
    font-weight: 700;
	line-height: 1.4;
}

.post-navigation-link-previous a {
    text-align: start;
}

.post-navigation-link-next a {
    text-align: end;
}
nav.wp-block-query-pagination {
    font-weight: 700;
}

nav.wp-block-query-pagination .wp-block-query-pagination-numbers a, 
nav.wp-block-query-pagination .wp-block-query-pagination-numbers span{
padding: 0 5px;    
}

nav.wp-block-query-pagination .wp-block-query-pagination-numbers span {
    opacity:0.2;
}

.cp-post-content-wraper {
	padding:0 45px;
}
@media (prefers-color-scheme: dark) {
li.index-node-article .article-author-block span.article-author:first-child {
	color: #6b6363 !important ;
}
p {
	color: #363535 !important;
}
	}
	/*
	=========== FOOTER custom =============
	*/	

	footer {
		/* position: fixed; */
		/* bottom: 0; */
		}
	
	ul.footer-quick-link-list {
		padding: 0px;
		list-style: none;
		margin-top: 6px;
		}

	ul.footer-quick-link-list li {
		padding: 1px 0px;
		}

	ul.footer-quick-link-list li:hover {
		opacity: 0.6;
		}

	/*
	=========== SCROLLBAR UTIL CLASSES =============
	*/	
	
	.slim-scrollbar-js,
	.slim-scrollbar-css {
		/* height: inherit; */
		}


	/* Custom Scrollbar using CSS */
	.slim-scrollbar-css {
		overflow-y: auto;
		}

	/* scrollbar width */
	.slim-scrollbar-css::-webkit-scrollbar {
		width: 2px;
		height:2px;
		scrollbar-width: thin;
		}

	.slim-scrollbar-css {
		scrollbar-width: thin;
		scrollbar-color: rgba(0,0,0,0);
		}

	/* scrollbar track */
	.slim-scrollbar-css::-webkit-scrollbar-track {
		background: #eee;
		}

	/* scrollbar handle */
	.slim-scrollbar-css::-webkit-scrollbar-thumb {
		border-radius: 0rem;
		background-color: #00d2ff;
		background-image: linear-gradient(to top, #00d2ff 0%, #3a7bd5 100%);
		}

	.slim-scrollbar-css.level-2 {
		max-height: 50vh;
		}	
/* ------ Mobile menus ------ */
@media (max-width: 800px) {
	
	.wp-block-site-logo img {
		max-width: 53% !important;
	}
	
	.main-mobile-nav {
		display:block !important;
	}
	.magazine-section.featured {
		flex-flow:column !important;
	}
	
	.main-nav-wide, 
	.vertical-menu-custom,
	.popup-ribbon-bottom, 
	.wp-block-query.vertical-lists-scroll	{
		display:none !important;
	}
	ul.volumes-list {
		max-height: 90vh !important;
	}	
	.title-conf, .title-sem {
		font-size:1.3rem !important;
	}
	
	.volumes-list-full .volume-single .volume-cover {
		width: auto !important;
	}
	
	.article-keywords-block {
		width: 100%;
	}
	
	.article-wrapper {
		padding:0 20px !important;
	}
.article-body-content p, .article-body-content ul, .article-body-content ol {
	padding: 0 20px !important;
}
h2.article-title {
    font-size: 223% !important;
}
.article-keywords-block {
	width: 100% !important;
}
h4:first-letter {
    line-height: 0;
    font-size: 2.2em;
}

.is-layout-flex.wp-block-columns.mamati {
    padding-top: 0;
    margin-top: 0;
    gap: 0;
}

.is-layout-constrained.wp-block-group > div {
    padding-bottom: 0px !important;
}	
.seminar-overview, .rdtv-overview, .conference-overview {
	padding:100px 40px !important;
}

.div.vertical-lists-scroll .type-conferences {
	padding:0 !important;
}

.conf-grid-mobile .conf-media-wrapper, 
.conf-grid-mobile .cp-post-content-wraper .conf-description, 
.conf-grid-mobile .cp-post-content-wraper .conf-table {
    display: none;
}

.conf-grid-mobile {
	padding:0 40px !important;
}
.conf-grid-mobile  li.type-conferences{
    border-top: 9px solid #111;
	position:relative;
}

.conf-cnt-mobile .cp-post-content-wraper .conf-title h2 {
    font-size: initial;
	text-transform: none;
}

h2.conf-title-mobile::before {
    content: '>';
    content: "\f504";
    font-family: 'dashicons';
    margin: 0 5px 0 0px;
    font-size: 15pt;
    position: absolute;
    top: 3px;
    left: -25px;
}
.auth-photo {
    min-width: 10px !important;
    min-height: 10px !important;
}

li.type-authors a.wp-block-read-more {
    color: #111 !important;
    position: relative !important;
    top: 0 !important;
    left: auto !important;
    margin: 0 20px !important;
}

/* .wp-block-lazyblock-author-content {
    display: none !important;
} */

ul.festival-entry-list li {
	flex-basis: 100% !important;
	padding: 15px 40px !important;
}


/*static pages */
div#accents-content ul li, 
div#ed-content ul li, 
.project-col p {
    font-size: 0.7rem !important;
}
section.magistrate-accents, section.magistrate-program {
    flex-flow: column;
    flex-basis: 100%;
}

.magistrate-accents .section-media, .magistrate-accents .section-content, .magistrate-program .section-media, .magistrate-program .section-content {
    width: 100% !important;
}
.section-gallery ul.partners {
	padding:40px 0 !important;
	flex-wrap:wrap;
}
.section-gallery ul.partners li.partner img {
    width:100px !important;
}

section.magistrate-application .section-content .documents ul {
    flex-flow:column;
}

table.magistrate-details {
    width: auto !important;
}

table.magistrate-details > tbody >tr >td {
    word-break: break-word;
}
section.magistrate-program .section-media img {
    max-width:100% !important;
    border-left:0 !important; 
}
ul.academics li.member {
    width: 100% !important;
}
.project-single-wrapper {
    display: block !important;
}
.project-col.project-meta {
    width:auto !important;
    text-align:right;
}

/* .project-col.project-image img { */
    /* max-width:290px !important; */
/* } */

.project-col.project-links h4{
  margin-top:0 !important;
}

.article-body, .article-resume-block, .article-body-content ul, .article-body-content ol {
	text-align: left !important;
}

li.festivals.type-festivals {
    padding: 20px;
}



}/*======= media query Mobile (max-width: 800)======= END ======= */

.project-single-wrapper {
    display: flex;
}

.project-col.project-image img {
    max-width: 100%;
}

.project-single-wrapper div {
    padding: 20px 40px;
}

.project-col.project-meta {
    border-right: 9px solid;
    width: 7px;
}

span.project-date {font-size: initial;font-weight: 800;}

ul.project-links {
    list-style: none;
    padding: 0;
}

span.project-link {
    background: #92f7f4;
}

.education-content-wrapper,
.about-content-wrapper, 
.projects-content-wrapper  {
    padding: 0 40px;
}

h1 {
    margin-top: 0;
}


.fest-entry-info {
    font-size: 0.7rem;
}

.festival-entry-list li h2 {
    font-size: 1rem;
    font-weight: 500;
}

section.about-general .section-media {
    width: 100%;
    height: auto;
    display: block;
}

section.about-general .section-media iframe {
    width: 100%;
    min-height: 346px;
}

.fest-meta, ul.fest-entry-list li {
    padding: 0 40px;
}

.conf-cnt-mobile .cp-post-content-wraper {
    padding: 0;
}

.conf-cnt-mobile .cp-post-content-wraper .conf-title h2 {
    margin: 0;
}
.breadcrumbs {
    font-size: 5pt;
    color: #5c5959;
    padding: 5px 10px;
    font-style: italic;
    position: sticky;
    top: 86px;
    background: #fff;
    z-index: 1;
    margin-left: 36px;
    border-left: 1px dashed;
}
.breadcrumbs a, .breadcrumbs span {
	font-size: 5pt;
}
	body .is-layout-flex.main-mobile-nav {
		display:none ;
	}

/* ------ 90deg VERTICAL left menu ------ */

nav.vertical-menu-custom ul li {
    transform: rotate(90deg);
    height: 100px;
	flex: 1 1 100px;
	
	}

nav.vertical-menu-custom {
    max-width: 40px;
    z-index: 9;
    overflow: hidden;
    border-right: 1px dashed grey;
	position:fixed;
	background: #fff;
    align-items: flex-start;
	}
	
nav.vertical-menu-custom ul li a {
    margin: -12px;
	}
	
nav.vertical-menu-custom div.is-menu-open ul li {
    transform: rotate(0deg);
    position: relative;
    flex: inherit;
    }


nav.vertical-menu-custom div.is-menu-open ul {
    flex-basis: 100%;
    padding: 20px;
    }

/* ------ scroll VERTICAL ------ */
	
.vertical-lists-scroll	{
	
	}
ul.vertical-lists-scroll-item {
	overflow-y: scroll !important;
    max-height: 70vh;
	overflow-x:hidden;
	padding:10px;
	}

/* ------ CAROUSEL general ------ */

div.wp-block-cb-carousel > div.block-editor-inner-blocks > div.block-editor-block-list__layout {
	display:flex;
	flex-flow: column;
	}

div.slick-slide {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #fff;
}
.wp-block-image figcaption {
    color: #ededed;
    font-size: 9px;
    text-align: left;
	position: fixed;
    bottom: 11px;
    left: 16px;
    display: flex;
    background: #1b1b1b;
    padding: 3px 7px;
    max-width: 250px;
}
button.slick-prev::before, 
button.slick-next::before {
	position: relative;	
}

button.slick-prev::before {
    left: 15px;
}

button.slick-next::before {
    right: 22px;
}

div.slick-slide img {
    /* width: 100%; */
    margin: 0 auto;
}

ul.slick-dots {
    bottom: 0;
}

ul.slick-dots li button::before {
    color: #fff !important;
    opacity: 1 !important;
	text-shadow: 0 0 1px #9b9a9a;
}

.slick-slider {
    margin: 0 auto;
}

button.slick-prev {
    left: 0;
    z-index: 9;
}
button.slick-next {
    right: 7px;
}

button.slick-prev::before, 
button.slick-next::before {
    color: #fff !important;
    opacity: 1 !important;
    font-size: xx-large;
}


ul.slick-dots li.slick-active  button::before {
    color: #5c5757 !important;
    font-size: small;
    text-shadow: 0px 0px 2px #6e6e6e;
}
.wp-block-cb-carousel .wp-block-image>img {
    max-width: 100%;
    height: fit-content;
    align-self: center;
}
.wp-block-cb-carousel .wp-block-image, .wp-block-cb-carousel .wp-block-cover {
    margin: 0;
    max-height: 50vh;
    display: flex;
}
	
/* ------ CONFERENCE custom fields ------ */	

.conf-description p {
    font-size: 0.7rem;
	}	
div.conf-container-media div.slick-slide {
	max-height: 50vh;
	align-items: center;
    display: flex;
	}
	
.conf-media-wrapper, 
.conf-container-media {
	/* padding:0 40px; */
	}

.conf-poster {
    max-height: 60vh;
    overflow: hidden;
    align-items: center;
    display: flex;
	}

.conf-poster img {
	width: inherit;
    max-width: 100%;
    margin: 0 auto;
	}

.conf-title h2 {
    margin-top: 40px;
    /* position: absolute; */
    text-shadow: 1px 1px 5px #fff;
    /* top: 8%; */
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Georgia;
    line-height: 1.1;
	}

.conf-title h2:first-letter {
	}

span.conf-start-date, 
span.conf-end-date  {
    font-weight: 700;
    display: inline-block;
	}

a.conf-shedule-link {
    display: flex;
    align-items: center;
	}
table.conf-table tbody tr td {
    border-bottom: 1px solid #111;
    padding: 5px;
    border-color: #efefef;
	}

table.conf-table {
    padding: 25px;
	}

table.conf-table tbody tr td.conf-lable {
    color: #89d0b4;
	}


div.vertical-lists-scroll > ul > li.conferences  > h2.wp-block-post-title {
    display: flex;
    font-size: 13px !important;
    font-weight: 500;
    position: relative;  
	text-transform:uppercase;
}

div.vertical-lists-scroll .type-conferences {
    /* border-top: 9px solid; */
    padding: 0px 20px 0 40px;
	display: flex;
    flex-wrap: wrap;
    margin: 2px 0px;
	/* min-height: 50px; */
    align-content: center;
}

div.vertical-lists-scroll > ul > li.conferences > h2.wp-block-post-title a::before {
    font-family: 'dashicons';
    content: '\f18f';
    font-weight: 500;
    display: inline-block;
    font-size: x-large;
    color: #10100f;
    padding: 0px 3px;
    position: absolute;
    top: 5px;
    /* content: 'CONF'; */
    font-size: 14pt;
    /* font-family: fantasy; */
    transform: rotate(90deg);
    left: -46px;   
}
div.vertical-lists-scroll > ul > li.conferences > h2.wp-block-post-title a.active::before {
    transform: rotate(-90deg);
    background: #fffd87;
	top:0;
    }
	
ul.vertical-lists-scroll-item > li > h2 > a.active {
    /* background: #fffd87; */
}	
	
/* ------ SEMINARS custom fields ------ */

.sem-grid-wrapper >ul > li {
    /* padding: 40px; */
    }

.sem-grid-wrapper >ul > li .wp-block-lazyblock-seminar-m,
.sem-grid-wrapper >ul > li .wp-block-lazyblock-seminar-cnt, 
.sem-grid-wrapper >ul > li .sem-description, 
.sem-grid-wrapper >ul > li .sem-topic {
    display: none;
    }

.sem-grid-wrapper >ul > li .sem-sys-title {
    /* position: absolute; */
    z-index: 1;
    }

.sem-grid-wrapper >ul > li .sem-sys-title a:hover {
    opacity: 0.5;
    }

.sem-grid-wrapper >ul > li .sem-sys-title a {
    color: #fff;
    text-transform: uppercase;
    }

h2.sem-topic {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Georgia;
    line-height: 1.1;
    margin-bottom: 40px;
	}

h2.sem-topic:first-letter {
    font-size: 200%;
	}

span.sem-date {
    font-weight: 900;
	}

span.sem-guest-info {
	display: block;
	font-size: 6pt;
	/* font-style: italic; */
	color: #aaa5a5;
	padding: 0 22px;
	}

span.sem-guest-name {
    font-weight: 600;
	}
	
li.seminars.type-seminars {
    position: relative;
    background: #fff;
	/* display:flex; */
    }

.vertical-lists-scroll-item li.type-seminars h2 a {
	/* position:absolute; */
	z-index:1;
	}
	
li.seminars.type-seminars h2 a {
    /* font-family: fantasy; */
    /* position: absolute; */
    /* z-index: 1; */
    /* background: #111; */
    /* color: #fff; */
    /* padding: 3px 7px; */
    }

li.seminars.type-seminars h2 a.active {
    background: #111;
	padding: 3px 5px;
    }
.wp-block-post-featured-image img {
	height:auto !important; /* CHECK COMPAT. general overwrite  */
}	
	/*
	=========== FESTIVAL custom =============
	*/	
ul.festival-entry-list li iframe {
    height: 260px;
}
li.festivals.type-festivals h2 {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    font-family: Georgia;
    line-height: 1.1;
}
.wp-block-post-excerpt p {
    font-size: 0.7rem;
}	
.fest-video-entry h2, 
.fest-audio-entry h2,
.fest-text-entry h2, 
.fest-image-entry h2  {
	word-break: break-word;
	font-size:x-small;
}
ul.festival-entry-list {
    display: flex;
	list-style:none;
	flex-wrap:wrap;
	flex: 1 1 auto;
    padding: 0;
}
ul.festival-entry-list li {
    padding: 10px;
    /* flex-basis: 30.3%; three columns */
	flex-basis: 46.6%; two columns
}

span.fest-entry-type-label {
    position: absolute;
    z-index: 1;
    padding: 3px 7px;
    color: #fff;
}
li.fest-video-entry span.fest-entry-type-label  {
	    background: #f1b80e;
}

li.fest-audio-entry span.fest-entry-type-label  {
	    background: #13d999;
}

li.fest-text-entry span.fest-entry-type-label  {
	    background: #ea1d87;
}

li.fest-image-entry span.fest-entry-type-label  {
	    background: #0ed1f1;
}



	/*
	=========== AUTHORS custom =============
	*/	

	.auth-content-wrapper, 
	.auth-card-wrapper	{
		padding: 20px;
		}
	.authors-grid-layout .auth-content-wrapper {
			padding:0;
		}
	.authors-grid-layout .auth-content-wrapper, 
	.authors-grid-layout .auth-bio-f	{
		display: none;
		}

	li.type-authors {
		position: relative;
		}

	li.type-authors a.wp-block-read-more {
		position: absolute;
		top: 6%;
		left: 4%;
		z-index: 9;
		color: #fff;
		border: 2px solid;
		padding: 3px 7px;
		margin: 10px;
		float: right;
		}

	li.type-authors a.wp-block-read-more::before {
		/* font-size: xxx-large; */
		line-height: 0;
		content: "\f14c";
		font-family: 'dashicons';
		margin: 0 3px 0 0;
		}
	
	.auth-name-f h2, 
	.auth-bio-f p{
	   display:inline;  
	   }
	.auth-name-f h2 {
	   font-size: 10pt;
	   font-weight: 500;
	   }

	.f-en {
	   color: #b3b3b3;
	   display: inline !important;
	   }

	.f-en::before {
	   content: '::';
	   display: inline !important;
	   }
	.auth-photo {
		overflow: hidden;
/* 		min-height: 350px;
		max-height: 350px; */
		margin: 0 auto;
		display: flex;
		align-items: center;
		}
		
	.authors-grid-layout .auth-photo {
		border-top: 9px solid;
		}
	.auth-photo img {
	   width: 100%;
	   }

	.auth-name-f,
	.auth-bio-f{
	   display: block;
	   margin: 10px 0 20px 0;
	   }

	.auth-position {
	   font-style:italic;
	   }

	.auth-bio-f p {
	   font-size:inherit;
	   }

	.auth-position-f {}

	.auth-content-wrapper {
		display: flex;
		flex-flow:row;
		}

	.auth-content-wrapper > div {
		flex:50%;
		}

	@media (max-width: 800px) {
	  .auth-content-wrapper {
		flex-flow:column;  
		}
	  .auth-content-wrapper > div {
		flex: 100%;
	  }
	}
		
	.auth-content-wrapper ul {
		list-style:none;
		}
		
	.auth-content-wrapper ul li {
		position: relative;
		}

	.auth-content-wrapper span.dashicons {
		position: absolute;
		left: -20px;
		color: #f10e58;
		font-size: small;
		padding:4px 0;
		}

	.auth-content-wrapper h5 {
		margin: 0;
		padding: 0;
		display: inline;
		}

	.auth-content-wrapper p {
		margin-top: 0;
		margin-bottom: 20px;
		}

	ul.auth-scope-list {
		list-style: none;
		display: flex;
		flex-flow:row;
		flex-wrap:wrap;
		}

	ul.auth-scope-list li span {
		text-transform: capitalize;
		color: #272727;
		font-size:xx-small;
		}

	ul.auth-scope-list li {
		margin-right: 10px;
		background: #ff8989;
		padding: 3px 5px;
		}
		
	ul.auth-scope-list li {
		background: #e4dddd;
		margin: 3px !important;
		width: max-content !important;
		padding: 2px 3px;
		text-shadow: 0px 1px 1px #fffcfc;
    	}
	ul.auth-scope-list li:first-child {
		background: #ffcbea;
    	}

	ul.auth-scope-list li:last-child {
		background: #ffe09b;
    	}	

	span.section-title.reverse {
		background: #111;
		display: block;
		padding: 10px;
		margin: 15px;
		color: #fff;
		font-size: 20px;
		font-weight: 600;
		text-align:center;
		}		



	/*
	=========== AUTHORS custom =============
	*/			
	
	#book-toggle.book-toggle-trigger {
		position: absolute;
		top: 40px;
		display: block;
		background: #111;
		color: #fff;
		margin: 0 auto;
		left: 31%;
		padding: 3px 10px;
		}
	
	div#book-toggle-block.hidden {
		display: none;
		}

	div#book-toggle-block.focused {
		display: block;
		position: absolute;
		top: 0;
		background: #fdfffd;
		height: 94%;
		width: 100%;
		}

	.book-wrapper {
		position: relative;
		padding:40px;
		}
	.book-description {
		font-size: 12px;
		}
	.book-cover {
		width: 100%;
		overflow: hidden;
		border-top: 7px solid;
		}
	.book-cover img {
		width:100%;
		}
	.book-references, 
	.book-reviews {
	   margin:40px;
		position:relative;
		}

	.book-publisher-block span {
		display: block;
		}

	.book-publisher-block span.book-publisher {
		font-size: 11pt;
		font-weight: 500;
		font-style: italic;
		}

	.book-publisher-block span.book-isbn {
		font-weight: 700;
		}

	div.book-pdf {
		/* display:flex; */
		}

	a.book-download-link {
		font-weight: 800;
		font-size: small;
		}

	a.book-download-link::before {
		content:'{';
		}
	a.book-download-link::after {
		content:'}';
		}

	div.book-title-block span {
		font-family: Georgia, serif;
		font-size: 24px;
		}

	div.book-title-block span.book-author::before {
		content: '.';
		font-weight: 900;
		padding: 0 10px;
		font-size: xx-large;
		line-height:0.3;
		}

	div.book-title-block span.book-title {
		text-transform: uppercase;
		}

	div.book-title-block span.book-author {
		font-size: 12pt;
		font-family:var(--wp--preset--font-family--system-font);
		}

	ul.book-reviews-list, 
	ul.book-references-list {
		list-style: none;
		padding: 0 45px;
		}
	ul.book-reviews-list li, 
	ul.book-references-list li {
		padding: 10px 0;
		}
	ul.book-reviews-list li a, 
	ul.book-references-list li a {
		background: #e5f993;
		color: #222;
		line-height: 1;
		}
	ul.book-reviews-list li a::before, 
	ul.book-references-list li a::before {
		content:'{';
		font-size:large;
		margin-right:3px;
		}
	ul.book-reviews-list li a::after, 
	ul.book-references-list li a::after {
		content:'}';
		font-size:large;
		margin-right:3px;
		}

	div.book-reviews ul::before {
		content:'-- Reviews --';
		display:block;
		transform:rotate(270deg);
		position:absolute;
		left:0;
		top: 72px;
		left: -51px;
		font-size:x-large;
		font-family: Georgia;
		line-height:0;
		font-weight: 500;
		}	
	span.toggle-close {
		position: absolute;
		right: 10%;
		padding: 20px;
		text-shadow: 0 0 1px #fff;
		}		

	/*
	=========== ARTICLES custom =============
	*/			
	

	.article-keywords-block {
		margin-bottom: 50px;
		width: 30%;
		}
		
	.article-resume-block {
		margin-bottom:100px;
		}
		
	.article-body {
		max-width: 660px;
		margin: 0 auto;
		position: relative;
		padding: 50px 10px;
		}

	.article-body-content::before {
		content: '[ full.text ]';
		width: 100%;
		text-align: center;
		display: block;
		font-size: xx-large;
		}
		
	.article-body, 
	.article-resume-block,
	.article-body-content ul ,
	.article-body-content ol{
		font-family: Georgia;
		text-align: justify;
		}

	.article-body-content p,
	.article-body-content ul ,
	.article-body-content ol	{
		font-size: 1rem !important;
		padding: 0 40px;
		line-height: 1.6;
		letter-spacing: 0.15;
		}
		
	.article-body-content ul ,
	.article-body-content ol{
		list-style:square;
		padding:0 60px;
		}

		
	.article-keywords-block span.article-keywords {
		background: #e2ff6c;
		font-style: italic;
		font-size: 8pt;
		text-transform: lowercase;
		}

	.article-resume-block, 
	.article-footer-block{
		position: relative;
		z-index:-1;
		}

	.article-resume-block p{
		font-size: 12pt;
		font-style: italic;
		line-height:1.4;
		margin-left: 75px;
		display: block !important;
		}

	.article-body-content p:first-letter {
		font-size: x-large;
		font-weight: 600;
		}
	.article-body-content h1, .article-body-content h2, .article-body-content h3, .article-body-content h4 {
		font-size: 13pt;
		font-weight: 600;
	}
	.article-literature .section-title, 
	.article-sources .section-title{
		font-size: x-large;
		font-weight: 700;
		margin-bottom: 10px;
		display: block;
		font-family: var(--wp--preset--font-family--system-font);
		}
	h6.article-resume-title, 
	h6.article-author-title {
		font-family: Georgia, serif;
		font-weight: 900;
		text-transform: initial;
		font-size: xx-large;
		padding: 10px;
		transform: rotate(270deg);
		position: absolute;
		left: -97px;
		top:7%;
		font-style:normal;
		}

	h2.article-title {
		font-family:Georgia, serif;
		font-size: 2.5rem;
		font-weight: 400;
		line-height: 1.1;
		text-transform: uppercase;
		display: block;
		margin-bottom: 0;
		}

	h2.article-title.f-en {
		font-size: small;
		}

	.article-title-block {
		margin-bottom: 50px;
		}

	.article-wrapper {
		padding: 40px 40px;
		}

	.article-author-block {
		margin-bottom: 30px;
		}

	.article-author-block span.article-author {
		font-size: 1rem;
		}

	.article-author-block span.article-author:first-child {
		font-weight: 600;
		}

	.article-author-bio p {
		font-size: 0.75rem;
		line-height: 1.4;
		margin-left: 75px;
		display: block !important;
		text-align: justify;
		padding: 10px;
		}

	.article-pdf {
		display: block;
		text-align: right;
		/* width: 50px; */
		right: 0;
		position: absolute;
		}
	.article-pdf a {
		font-weight: 700;
		border: 2px solid;
		padding: 3px 7px;
		}
		
	.article-literature ul, 
	.article-sources ul,
	.article-literature ol, 
	.article-sources ol{
		list-style: none;
		padding: 0;
		}

	.article-literature ul li, 
	.article-sources ul li,
	.article-literature ol li, 
	.article-sources ol li{
		margin-bottom: 5px;
		}

	.article-literature > div.section-content, 
	.article-sources >div.section-content {
		margin-left: 40px;
		}
		
		
/*=====================================================*/		
		
		

ul.volumes-list {
	max-height:70vh;
}
.articles-wrapper {
	max-height:70vh;
	overflow-y:scroll;
}	
.popup-col > div {
    /* position: fixed;
    width: 100%; */
	position: sticky;
    top: 20%;
}	
.journal-menu.slim-scrollbar-css {
    /* position: fixed; */
	/* display:contents; */
    /* max-width: 33.33%; */
	/* background:#fff; */
	width: 100%;
}	

.article-footer-block .article-author-bio: first-child{
    min-height: 250px;
}
	@media (max-width: 800px) {
.main-mobile-nav ul li a {
    font-size: 9pt;
}
.main-mobile-nav ul:first-child > li > a  {
  font-weight:700;
    text-transform: uppercase;
    border-bottom: 1px solid;
}
.main-mobile-nav ul li > ul > li > a {
    line-height:2.3;
}
.breadcrumbs {
	top: 33px !important; 
	padding-bottom:5px;
	    min-height: 37px;
		    position: fixed;
    width: 87%;
}	
.hidden {
	display: none;
}	
.focused {
	display:block;
}
.reader.hidden {
	display:block;
}
.journal-menu.slim-scrollbar-css {
    max-width:100%;
	z-index: 9;
    position: fixed;
    top: 33px;
}	
.breadcrumbs {
	 background: #f7f5f5 !important;
	 border: 0px !important
}
ul.volumes-list, .parent-node, .node {
    top: -10px !important;
}
span#menu-trigger {
    background: #f7f5f5;
    position: relative;
    top: -1px;
    width: 37px;
    height: 37px;
    z-index: 9;
    padding: 10px 5px 0px 0px;
    vertical-align: middle;
}
ul.volumes-list {
	background: #efefef;
	display:none;
}
.article-wrapper {
	position:relative;
	z-index:-1;
	    top: 40px;
}
	}	
ul.volumes-list, .parent-node, .node {
    list-style: none;
    padding: 10px;
    display: flex;
    flex-flow: column;
	position: relative;
    top: 0px;
}

li.node.volume {}

.volume-cover img {
    width: 100%;
    height: auto;
    display: block;
	max-height: 80vh;
}

ul.volume-index {
    list-style: none;
    padding: 10px 10px;
}

ul.node.volumes li {
    /* display: flex; */
    /* flex-wrap: wrap; */
}

.volume-cover {
    display: block;
}

li.index-node-article h3 {
	font-family: var(--wp--preset--font-family--system-font);
	font-size: small;
	font-weight: 600;
	}		
		
.volume-meta-data {
    display: flex;
    justify-content: space-between;
}		

.active {
    background: #111;
    color: #fff;
	padding: 3px 5px;
}
li.index-node-article .article-title-block {
    margin: 0;
    position:relative;
}

li.index-node-article .article-author-block {
    position:relative;
}
li.index-node-article .article-author-block  span.article-author {
	font-size:8pt;
}

li.index-node-article .article-title-block .article-title:first-child {
    font-size:11pt;
    font-weight:700;
	line-height:initial;
}
a.article-index {
    float: right;
}

li.index-node-article .article-author-block::before {
    content:'\f342';
    font-family:'dashicons';
    transform: rotate(45deg);
    position: absolute;
    margin: 0 5px;
    left: -6px;
    font-weight: 900;
    color: #67d1b1;
    font-size: 12pt;
    top: -3px;
}

li.index-node-article .article-author-block span.article-author:first-child  {
    font-weight: 600; 
    color: #67d1b1;
    margin-left: 15px;
}

li.index-node-article .article-author-block span.article-author {
    font-size: small;   
}		
		
		
.volumes-list {
    display: flex;
}

.volume-single {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    padding: 10px 20px;
}		
	

		

	/*
	=========== FRONT PAGE  =============
	*/			

a.featured-magazine-link,
a.featured-conf-link,
a.featured-sem-link,
a.featured-rdtv-link  {
    border: 2px solid #111;
    padding: 5px 15px;
    color: #111;
    font-weight: 800;
    text-transform: uppercase;
    font-size: small;
	width: fit-content;
}

.conference-section.featured {
	position:relative;
}
.conference-overview {
    padding:100px 70px;
    display: flex;
    flex-flow: column;
    /* background: #fbf3cc; */
	/* background:#fbfaf7; */
    overflow: hidden;
    align-items: center;
	position:relative;
	max-width:960px;
	margin:0 auto;
	border-top: 1px solid #ccc;
}

.conference-overview .conf-card span.title-conf {
    font-size: 21pt;
    line-height: 1.2;
    font-weight: 400;
    color: #111;
    text-shadow: 0 0 1px #fff;
    font-family: Georgia;
    font-size: 32pt;
}

.conference-overview .conf-card span.details-conf {
    display: block;
    font-weight: 700;
}

.conference-overview .conf-summary {
    padding: 30px;
    z-index: 2;
    position: relative;
    /* width: 50%; */
    margin: 0 auto;
}
span.conf-type {
    font-size: 18pt;
    padding: 0 5px;
    position:relative;
}
.conference-section.featured::before {
    content: '\f122';
    font-size: 5rem;
    position: absolute;
    top: -18px;
    font-family: 'dashicons';
    font-weight: 900;
    color: #e91e63;
    z-index: -1;
    padding: 21px;
    left: -2%;
    }
/* .conference-overview .conf-summary::before {
    content: '\f27a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 7rem;
    position: absolute;
    left: -50%;
    z-index: 0;
    top: -124px;
    color: #464646;
    border-top: 20px solid #f95858;
    border-radius: 71px;
} */
span.details-conf-date::before {
    content: '\f508';
    font-family: 'dashicons';
    font-weight: 900;
    margin: 0 5px;
    }
span.details-conf-location::before {
    content: '\f230';
    font-family: 'dashicons';
    font-weight: 900;
    margin: 0 5px;
    }
.conference-overview .conf-summary p {
    z-index: 99;
    position: relative;
}

.conference-overview .conf-card {
    display: flex;
    flex-flow: column;
    align-items: center;
    z-index: 9;
}
/* span.details-conf-date {
    font-size: 11pt;
    font-weight: 500;
}
 */
span.details-conf-location {
    font-size: x-small;
    margin-top: 10px;
}
span.title-conf {
    background: #ffff78;
}
/* span.conf-type {
    font-size: x-large;
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    margin-bottom: 19px;
}
 */	
	
	
.magazine-section.featured {
    display: flex;
}

.magazine-cover-preview {
    display: flex;
    flex: 3;
    box-shadow: 12px -15px 30px #111;
    justify-content: center;
}

.magazine-overview {
    flex: 3;
    padding: 50px;
    align-self: flex-end;
    justify-content: center;
}

.issue-topic > .title.bg {
    font-size: xx-large;
    display: block;
    font-weight: 700;
}

.magazine-cover-preview img {
    max-height: 86vh;
    min-height: 70vh;
    width: auto;
}

.journal-section-fp.magazine-section.featured > a {
    position: absolute;
}	
	
.featured-journal {
    margin-top: 0;
}

/* sem section front page tmp*/
.seminar-section-fp::before {
    content: 'CONF talk share MEDIA analytics';
    position: absolute;
    z-index: 01;
    left: 11%;
    font-weight: 700;
    top: -69px;
    color: #b9ead4;
    font-size: 53pt;
	z-index:-1;
    }
.seminar-section-fp {
	background:#b9ead4;
	position:relative;
}	
.seminar-overview,
.rdtv-overview {
    padding: 100px 70px;
    display: flex;
   /*  background: #b9ead4; */
    color: #000;
    flex-wrap: wrap;
    flex-flow: column;
	max-width:960px;
	margin:0 auto;
}

.seminar-overview .sem-card .title-sem  {
    font-weight: 600;
    font-size: 21pt;
	line-height:1.2;
}

.seminar-overview .sem-card {
    flex: 10;
    padding: 30px;
}

.seminar-overview .sem-topic {
    flex: 5;
    padding: 30px;
}

span.details-sem-location {
    display: block;
    background: #111;
    padding: 5px;
    color: #fff;
}

a.featured-sem-link {
    color: #000000 !important;
    border-color: #000000;
    margin: 0 30px;
}

span.sem-type,
span.rdtv-type  {
    background: #111;
    color: #fff;
    padding: 3px;
    margin-right: 5px;
    position: relative;
}

span.sem-type::after,
span.rdtv-type::after {
	/* content: ''; */
	position: absolute;
	border-top: 2px solid black;
	width: 100%;
	display: block;
	height: 1px;
	/* top: 18px; */
}

/* MBA front page tmp*/
	
.rdtv-overview::after {
	content: '\f185';
	font-family: 'dashicons';
	font-weight: 900;
	font-size: 16rem;
	position: absolute;
	right: 0;
	color: #f5f3f3;
	z-index: -1;
	bottom: -139px;
	}
.rdtv-card, .rdtv-topic, .featured-rdtv-link {
    margin: 0px 30px;
}
.rdtv-section.featured {
    position: relative;
    overflow: hidden;
}

span.details-rdtv-location {
    /* background: #ff8e8e; */
    display: block;
    /* color: #fff; */
    padding: 5px;
}

span.title-rdtv::before {
	content: '\f18a';
	font-family: 'dashicons';
	transform: rotate(45deg);
	position: absolute;
	left: 0;
	font-size: 9rem;
	color: #e91e63;
	font-weight:900;
	z-index: -1;
	top: -21%;
	}
span.rdtv-type {
    padding: 9px;
    border-radius: 4px 0px 0px 4px;
}
span.title-rdtv {
    display: block;
    margin-bottom: 3px;
    border: 1px solid #e91e63;
    border-radius: 5px;
    width: 100%;
    box-shadow: 0 1px 8px #e6aabe;
    line-height: 3;
    font-size: xx-small;
}
.rdtv-card {
    margin-bottom: 40px;
}
/*
*
* ==========================================
* EDUCATION
* ==========================================
*
*/

section.magistrate-accents, section.magistrate-program {
    display: flex;
}
.education-content-wrapper p {
	font-family:var(--wp--preset--font-family--system-font) !important;
	font-size:0.75rem !important;
}
section.magistrate-accents .section-media iframe {
    width: 90%;
    height: 85%;
}

div#program-accents h2, 
section.magistrate-program .section-content h2#ed-title,
section.magistrate-realization h2#realization-title ,
section.magistrate-application .section-content h2#apply-title-title  {
    color: #111;
    font-weight: 700;
    padding: 0 40px;
    font-size: xxx-large;
	font-family:var(--wp--preset--font-family--system-font);
}
h2#apply-title {
    text-align: center;
    padding: 40px;
    /* border: 1px solid; */
    margin-bottom: 20px;
}
div#accents-content ul li::before {
    content: '#';
    font-size: xxx-large;
    position: absolute;
    left: -31px;
	top:0;
}
div#accents-content ul li {
	position:relative;
    margin-bottom: 30px;
    padding: 20px;
    /* border-left: 2px solid #333131; */
    list-style: none;
	font-size:0.7rem;
}
div#ed-content ul li {
    font-size: 0.7rem;
}
.project-col p {
    font-size: 0.7rem;
}
section.magistrate-program .section-media img {
    /* padding: 20px; */
border-left:7px solid #272727;
width: 460px;
    height: 100%;
/* border-width: 20px;
  border-style: solid;
  border-image: 
linear-gradient(
      to bottom, 
      #ffb100, 
      rgb(128 18 228 / 65%)
    ) 1 100% */
}
section.magistrate-application .section-content .documents {
    /* width: 44%; */
    /* flex: 1; */
}

section.magistrate-application .section-content .documents ul li {
    list-style: none;
    display: flex;
    flex-flow: column;
    border: 1px dashed;
    padding: 20px;
    position: relative;
    min-width: 200px;
    border-bottom: 7px solid #e91e63;
}

section.magistrate-application .section-content .documents ul {
    padding: 0px;
    display: flex;
    flex: 1 1 auto;
    justify-content: space-between;
}
iframe#realization-media {
    width: 100%;
    height: 400px;
}

section.magistrate-program .section-media {
	
}
.section-gallery ul.partners {
    padding: 40px;
	display:flex;
	list-style:none;
}
li.partner::after {
    content: '|';
}

li.partner::before {
    content: '|';
}

.section-gallery ul.partners li.partner {
    display: inline-flex;
    align-items: center;
	flex-flow: column;
	align-self: baseline;
}

.section-gallery ul.partners li.partner img {
    margin-top: auto;
    margin-bottom: auto;
    width: 120px;
	filter: grayscale(62);
}
ul.partners li,
ul.about-partners li {
    justify-items: space-between;
    display: inherit;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    flex: 1;
}
.section-content h4,
.section-content h4  {
	font-family: var(--wp--preset--font-family--system-font);
	font-size:1.3125rem;
    background: #1d1c1c;
    padding: 6px;
    color: #fff;
    margin: 15px 0px;
    text-align: center;
}
#ed-content h4:first-letter, 
.section-content h4:first-letter {
	font-size:inherit;
	font-weight:inherit;
}
#ed-content h4 {
	font-family: var(--wp--preset--font-family--system-font);
	font-size:1.3125rem;
	font-weight:500;
	border-bottom:7px solid #272727;
    padding: 6px;
    margin: 15px 0px;
	background: no-repeat;
    color: #111;
    text-align: left;
}

.magistrate-accents .section-media, 
.magistrate-accents .section-content,
.magistrate-program .section-media, 
.magistrate-program .section-content  {
	width:50%;
}

table.magistrate-details {
  width: 462px;
  /* float: right; */
  margin: 0 auto;
  margin-top: 40px;
}

table.magistrate-details tr td {
  font-family: Montserrat;
  font-size: 7pt;
}

table.magistrate-details tr td.label {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 7pt;
  color: rgb(0 0 0);
  border-right: 1px solid #e91e63;
}
h2#apply-title {
    text-align: center;
    padding: 40px;
    /* border: 1px solid; */
    margin-bottom: 20px;
}

h2#apply-title::before {
}

section.magistrate-application {
    position: relative;
}

.magistrate-details {

}

table.magistrate-details > tbody > tr > td {
    padding: 10px !important;
    font-size: 11px;
}

span#app_deadlines {
    font-size: xx-large;
    text-align: center;
    display: block;
    border-bottom: 7px solid;
}

table.magistrate-details tr td.label::before {
    content: '#';}

section.magistrate-application .section-content .documents ul li::before {
    content: '|';
    position: absolute;
    top: -17px;
}


li.application-file a#file-link {
    color: #111;
    font-size: large;
    font-weight: 600;
}

li.application-file span#file-descr {
    font-size: x-small;
    opacity: 0.7;
}

.rdtv-topic p {
    display: initial;
}

.rdtv-topic {
    margin-bottom: 20px;
}
.rdtv-overview .rdtv-card .details-rdtv {
    color: #e91e63;
    font-size: x-small;
    padding: 2px;
}

/*
*
* ==========================================
* ABOUT US *rdtv*
* ==========================================
*
*/
h1#history-intro, 
h1#program-title,
.projects-content-wrapper h2 {
    font-family: Georgia, serif;
    text-transform: uppercase;
    font-size: 2.5rem;
    width: 100%;
}
span#intro-subtitle {
    /* padding: 40px; */
    margin-bottom: 50px;
    display: block;
    font-style: italic;
    opacity: 0.6;
    font-size: smaller;
}
.about-general p {
    max-width: 960px;
    margin: 0 auto;
    border-left: 7px solid;
    padding: 0px 20px;
}
h2#lectors-title, h2#partners-intro, h2#scholarship-title {
    font-family: Georgia, serif;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 400;
}
h2#lectors-title::first-letter, 
h2#partners-intro::first-letter,
h2#scholarship-title::first-letter {
    font-size: 200%;
}
ul.academics {
	list-style: none;
	padding: 0;
	display: flex;
	flex-wrap:wrap;
	/* background:#f78f44; */
	/* background: #9fd1c8; */
}

ul.academics li.member {
	width:32.33%;
	border: 1px solid #fff;
	background: #9fd1c8;
}
.image-container-overflow {
    max-height: 250px;
    overflow: hidden;
}

.image-container-overflow img {
    filter: grayscale(100%);
    width: 100%;
    height: auto;
}
.editor-add-lists .member-details {
	padding: 0px;
	color: #111;	
}
.member-details {
	/* background: #f78f44; */
	padding: 40px;
	color: #fff;
}
.member-details span {
    display: block;
}
.member-details span.name {
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 10px;
	display: block;
}

.member-details span.additional-info {
	display: block;
}

	/*
	=========== POP UP RIBBON - NAV ============
	*/	
	
	.popup-ribbon-bottom.is-layout-flex {
		gap:0rem !important;
	}
	.popup-ribbon-bottom .wp-block-navigation__responsive-container-open {
		color: #efefef;
	}
	
	.popup-ribbon-bottom .is-menu-open.has-modal-open ul > li > a{
			color: #111 !important; 
	}
	.popup-ribbon-bottom.is-layout-flex .is-menu-open.has-modal-open {
			gap:1.5rem !important;
	}
	.popup-ribbon-bottom {
		position: fixed;
		bottom: 0%;
		left: 0;
		display: flex;
		flex-flow: column;
		/* width: 24%; */
		z-index: 9999;
		background: #0a0a0a;
		/* padding: 10px; */
		font-size: 79%;
		font-weight: 500;
		justify-content: center;
		margin: 0 auto;
		flex: 1 1 auto;
		/* box-shadow: 1px -1px 2px #b3b3b3; */
		border-radius: 145px 145px 145px 0px;
		flex-wrap: wrap;
		padding: 7px;
		}
		
	.popup-ribbon-bottom ul {
		display:flex;
		flex-flow:column;
		padding:6px;
		list-style:none;
		margin:0;
		}
		
	.popup-ribbon-bottom::before{
		content:'Medialog Magazine';
		color: #e2ff6c;
		}
		
	.popup-ribbon-bottom ul li a{
		font-family: Montserrat, helvetica, sans-serif;
		padding:0 20px;
		color:#fff !important;
		}
		
	.popup-ribbon-bottom ul li a:hover{
		opacity:0.6;
		}



/*
*
* ==========================================
* VOLUMES *mdlg*
* ==========================================
*
*/
		
	.volumes-list-full {
		display: flex;
		flex: 1 1 auto;
		flex-wrap: wrap;
		justify-content: space-around;
		}
	.volumes-list-full .volume-single {
		margin-bottom: 50px;
		}
	.volumes-list-full .volume-single .volume-cover {
		width: 350px;
		}
	.volume-topic {
		font-size: 9pt;
		font-weight: 700;
		}
	.volume-cover {
		box-shadow: 19px 16px 17px #cbcbcb;
		}
	.volume-single .volume-meta-data {
		display:block;
		width: inherit;
		max-width: 350px;
		margin-top: 15px;
		}
	a.volume-pdf-full:hover  {
		background: #111;
		color: #efefef;
		}
	a.volume-pdf-full {
		font-weight: 900;
		float: right;
		border: 2px solid;
		padding: 3px 7px;
		}
	span.vol-num.label, span.vol-issn.label {
		font-weight: 700;
		}	
	
/*=====================================================*/
div#scroll-to-top-btn {
    position: fixed;
    bottom: 5vh;
    right: 2vw;
    background: #fff;
	z-index:9999;
}

.lzb-gutenberg-repeater-item-content > div {
    padding: 0 100px;
    border-left: 1px dotted #dddd;
    margin-left: 50px;
}

.lzb-gutenberg-repeater-btn {
    background: #f9f5f5 !important;
    margin-bottom: 10px !important;
}

.lzb-gutenberg-repeater-options button {

    margin: 0 auto;
    background-color: #131212 !important;
    color: #fff !important;
    text-transform: capitalize;
    border: none;
}