/*
Theme Name: Culture Studies
Author: Kaspar Dornfeld
Description: Customized Design for Department of Culture Studies
Version: 1.0
License: All Rights Reserved
Tags: one-cloumn, dark blue, flexible-width, bootstrap 5.3.8
Text Domain: culture_studies
*/

@font-face{font-display:swap;font-family:ff-scala;font-stretch:normal;font-style:normal;font-weight:400;src:url(inc/fonts/ScalaPro.woff2) format("woff2")}
@font-face{font-display:swap;font-family:ff-scala;font-stretch:normal;font-style:normal;font-weight:700;src:url(inc/fonts/ScalaPro-Bold.woff2) format("woff2")}
@font-face{font-display:swap;font-family:hub-ddin;font-style:normal;font-weight:400;src:url(inc/fonts/D-DIN.woff2) format("woff2")}
@font-face{font-display:swap;font-family:hub-ddin;font-style:italic;font-weight:400;src:url(inc/fonts/D-DIN-Italic.woff2) format("woff2")}
@font-face{font-display:swap;font-family:hub-ddin;font-style:normal;font-weight:700;src:url(inc/fonts/D-DIN-Bold.woff2) format("woff2")}
@font-face{font-display:swap;font-family:hub-ddin-exp;font-style:normal;font-weight:400;src:url(inc/fonts/D-DINExp.woff2) format("woff2")}
@font-face{font-display:swap;font-family:hub-ddin-exp;font-style:italic;font-weight:400;src:url(/inc/fonts/D-DINExp-Italic.woff2) format("woff2")}
@font-face{font-display:swap;font-family:hub-ddin-exp;font-style:normal;font-weight:700;src:url(inc/fonts/D-DINExp-Bold.woff2) format("woff2")}
@font-face{font-display:swap;font-family:hub-ddin-condensed;font-style:normal;font-weight:700;src:url(inc/fonts/D-DINCondensed-Bold.woff2) format("woff2")}
@font-face{font-display:block;font-family:hu-berlin-icons-16;font-style:normal;font-weight:400;src:url(inc/fonts/hu-berlin-icons-16.woff2) format("woff2")}
@font-face{font-display:block;font-family:hu-berlin-icons-24;font-style:normal;font-weight:400;src:url(inc/fonts/hu-berlin-icons-24.woff2) format("woff2")}

/*************************************
 * STANDARDS
 * **********************************/

* {
	--theme: #00376c;
	--dark: #0a0a19;
	--bg: #fafaf5;
	--event: #e6e6e1;
	--yellow: rgb(255,221,0);
	--scala: ff-scala;
	--din: hub-ddin-exp;
	--navbar-height: 86px;
	--caption-height: 60px;
	box-sizing: border-box;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: grayscale; 
	transition: all 0.5s ease-in-out;
	interpolate-size: allow-keywords;
}

html { font-size: 18px; }

body {overflow: scroll;}

p, a {font-family: var(--scala);} 

a p {text-decoration-style: dotted;}

p {color: var(--dark);}

a {	
	text-decoration-style: dotted;
	color: var(--theme);
}

h1, h2, h3, h4, h5, h6 {font-family: var(--din);}

[role=button-mewi] {
	transition: all 0.6s ease-in-out;
	border-radius: 5px;
}

[role=button-mewi]:hover {
	padding-left: 25px !important;
	padding-right: 11px !important;
}

li, li em, li a {
	font-family: var(--din);
	list-style-type: square;
	margin-bottom:0.8em;
	list-style-position: inside;
}

li::marker {color: var(--theme);}

.caption {
	font-style: italic;
	font-size: 0.8rem;
}

.wp-block-image :where(figcaption) {
	margin-bottom: 3em !important;
  	margin-top: .5em;
  	color: var(--dark);
  	font-size: 0.85em;
}

a.text-center > span {display: block;}

.wp-block-uagb-image__figure > img {border-radius: 5px;}
.wp-block-group p.din > strong {line-height: 50px; font-size:1.3rem;}

.ctaitem, .hu-button {
  border-radius: .25rem;
  font-size: 1rem;
  font-weight: 700;
  min-height: 8.25rem;
  overflow-wrap: break-word;
}

.small-hu-button {}

.caption-title {left: 50%; transform: translatex(-50%);}

#menu-footer-menu-01, #menu-footer-menu-02, #menu-footer-menu-03 {
	padding-left: 0 !important;
}

#menu-footer-menu-01 li, #menu-footer-menu-02 li, #menu-footer-menu-03 li {
	list-style-type: none;
}

#menu-footer-menu-01 li a, #menu-footer-menu-02 li a, #menu-footer-menu-03 li a {
	color: var(--event);
	text-decoration: none;
	border-bottom: 1px dotted var(--event);
	font-size: 0.9rem;
}

/*************************************
 * DETAILS/SUMMARY MODS
 * **********************************/

details * {
	margin:0;
	overflow: hidden;
	font-family: var(--din);
}

summary {
	list-style-position: inside;
	font-family: var(--din);
}

summary::marker {
	font-size: 1.25em;
	rotate: 0;
	transition: rotate 0.5s;
}

details[open] summary::marker {
	rotate:90deg;
}

.wp-block-details {
	margin-bottom: 30px;
	margin-left: 3rem !important;
}

.wp-block-details summary {
	cursor: pointer;
  	font-family: var(--din);
  	color: var(--theme);
  	font-size: 1.2rem;
}

details p, details p li  {
	padding-block: 1rem;
	padding-left: 1rem;
	padding-right:1rem;
	font-family: var(--din);
	padding-bottom: 0 !important;
	width:100%;
}

details h4, details p strong {
	font-weight: bold;
	font-size: 1.25rem;
	color:var(--theme);
}

details::details-content {
	block-size: 0;
	overflow: hidden;
	transition-property: block-size, content-visibility;
	transition-duration: 0.5s;
	transition-behavior: allow-discrete;
	
}

details[open]::details-content {
	block-size: auto;
	block-size: calc-size(auto);
}

/*************************************
 * UTILITY CLASSES
 * **********************************/

.bg-theme {background-color: var(--theme) !important;}
.bg-bg {background-color: var(--bg) !important;}
.bg-event {background-color: var(--event) !important;}
.bg-yellow {background-color: var(--yellow) !important;}
.color-theme {color: var(--theme) !important;}
.color-bg {color: var(--bg) !important;}
.color-event {color: var(--event) !important;}
.color-dark {color: var(--dark) !important;}
.color-yellow {color: var(--yellow) !important;}
.scala {font-family: var(--scala) !important;}
.din {font-family: var(--din) !important;}
.no-underline {text-decoration: none !important;}
.border-theme {border: 2px solid var(--theme) !important;}
.border-bg {border: 2px solid var(--bg) !important;}
.border-event {border: 2px solid var(--event) !important;}
.border-bottom-theme {border-bottom: 1px solid var(--theme);}
.border-bottom-theme-2px {border-bottom: 2px solid var(--theme);}
.border-bottom-event-3px {border-bottom: 3px solid var(--event);}
.border-bottom-bg {border-bottom: 1px solid var(--bg);}
.border-bottom-dotted-right-event {border-right: 1px dotted var(--event);}
.border-top-dotted-event {border-top: 1px dotted var(--event);}
.border-dotted-theme {border: 1px dotted var(--theme);}
.text-decoration-dotted {text-decoration: dotted;}
.fill-theme {fill: var(--theme) !important;}
.fill-bg {fill: var(--bg) !important;}
.fill-event {fill: var(--event) !important;}
.unstyled {list-style-type: none !important;}
.square {list-style-type: square !important;}
.h1-norm {font-size: 4rem;}
.h2-norm {font-size: 3rem;}
.f-07 {font-size: 0.7em;}
.rem09 {font-size: 0.9rem;}
.h-300 {height: 300px;overflow: hidden;}
.h-350 {height: 350px; overflow: hidden;}
.max-height-200 {max-height: 200px; overflow: hidden;}
.slider-img-shadow {box-shadow: 0 0 30px -10px #000;}
.drop-shadow {filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.2)) !important;}
.absolute-right {width: auto;right: 0;}
.fs-5-lh-small {line-height: 25px;}
.w-350px {width: 350px;}
.pic-out-350px {margin-left: -100px !important;}
.indent-280px {margin-left: 280px !important;}
.underline-dotted {border-bottom: 2px dotted;}
.underline-color-theme {border-bottom-color: var(--theme);}
.underline-color-bg {border-bottom-color: var(--bg);}
.underline-color-event {border-bottom-color: var(--event);}
.hu-button {display:inline-block;}
.arrow-position {right: 20px; bottom: 10px;}
.arrow-position-left {left: 0; bottom: 40px;}
.small-hu-button .small-hu-button-arrow-position {padding: 0 10px;}
.seperator-dark {border-right: 1px dotted var(--dark); border-left: none;}
.seperator-dark:first-child {border-left: 1px dotted var(--dark);}
.text-shadow {text-shadow: 0 0 15px #000;}


/*******************************************
 * FX
 * ****************************************/


.aktuelles:nth-child(2) {transition-delay:200ms;}
.aktuelles:nth-child(3) {transition-delay:400ms;}
.aktuelles:nth-child(4) {transition-delay:600ms;}
.aktuelles:nth-child(5) {transition-delay:800ms;}
.aktuelles:nth-child(6) {transition-delay:1000ms;}
.aktuelles:nth-child(7) {transition-delay:1200ms;}
.aktuelles:nth-child(8) {transition-delay:1400ms;}
.aktuelles:nth-child(9) {transition-delay:1600ms;}
.aktuelles:nth-child(10) {transition-delay:1800ms;}
.aktuelles:nth-child(11) {transition-delay:2000ms;}

.personen:nth-child(2n) {transition-delay:200ms;}
.personen:nth-child(3n) {transition-delay:400ms;}


.hu-button:hover .arrow-position, .ctaitem:hover .arrow-position, .aktuelles:hover .arrow-position {right: 10px;} 
.featured:hover .arrow-position-left {left: 10px;}
.small-hu-button:hover .small-hu-button-arrow-position {padding: 0 0 0 20px;}


/*******************************
 * SCROLL UP BUTTON
 * ****************************/

#scrollup-master {
	border: 2px solid var(--bg);
}

/*******************************
 * ONE TAP BARRIEREFREIHEIT MODS
 * ****************************/

.onetap-container-toggle .onetap-toggle img.design-size1, .onetap-container-toggle .onetap-toggle img.design-size2, .onetap-container-toggle .onetap-toggle img.design-size3 {
	border: 2px solid var(--bg) !important;
	filter: grayscale(0%) !important;
}

.onetap-active {filter: grayscale(0%) !important;}

.onetap-desc {display: none !important;}

nav.onetap-accessibility.onetap-plugin-onetap .onetap-container .onetap-accessibility-settings header.onetap-header-top .onetap-site-container .onetap-site-info .onetap-information .onetap-hide-toolbar button::before {display:none !important;}



/***********************************
 * TEACHPRESS
 * ********************************/

div.tp_publication {margin: 20px 0;}

.tp_pub_title, #content p.tp_pub_title, #content p.tp_pub_title a {
	font-family: var(--din);
	font-size: 1.3rem !important;
	font-weight: 700 !important;
	color: var(--theme);
}

.tp_pub_author, .tp_pub_additional, #content p.tp_pub_additional {
	font-family: var(--scala);	
}

.tp_pub_menu a {
  color: var(--theme) !important;
  text-decoration: underline;
  box-shadow: none;
  font-family: var(--din);
  font-size: 1em;
}

.tp_pub_type {background: var(--theme) !important;}

a.tp_pub_list {
	font-family: var(--din);
	font-size: 1.2em;
}

.tp_abstract_entry {
	font-family: var(--scala);
	color: var(--theme);
}

.tp_close {font-family: var(--din);}

.tp_bibtex_entry pre {color:var(--theme);}

.teachpress_cloud {display: none !important;}


/*****************************
 * SPECTRA BLOCK EDITOR AND OTHER BLOCK STYLES
 * **************************/

.uagb-tab {
	list-style-type: none !important;
	border: none !important;
	margin: 0 !important;
}

a.uagb-tabs-list {
	text-decoration: none !important;
	font-family: var(--din);
	color: var(--theme);
	font-weight: 400;
	margin: 0 !important;
}

a.uagb-tabs-list > div {color: var(--theme);}

.uagb-tabs__body-wrap {
	background: var(--event);
	border: none !important;
	border-radius: 5px !important;
	border-top-left-radius: 0 !important;
}

a.uagb-tabs-list[aria-selected="true"] {
	background: var(--event) !important;
	border-top-left-radius: 5px !important;
	border-top-right-radius: 5px !important;
}

.uagb-tabs-body__active {padding: 30px !important;}

.wp-block-uagb-faq .uagb-faq-content p {font-family: var(--din);}

.wp-block-button__link {
	border-radius: 5px !important;
	font-family: var(--din);
	margin-top: 30px;
}

p.din > a {font-family: var(--din);}

.uagb-button__icon-position-after {transition all 0.6s;}

.uagb-button__icon-position-after:hover {margin-left: 50px;}

/*****************************
 * BREAKPOINTS
 * **************************/

@media screen and (min-width: 2000px) {
	.over-2000-center {align-items: center !important;}
	.display-3 {font-size: 5rem;}
	.over-2000-bigger {font-size: 3.5rem !important;}
}


@media screen and (max-width: 1199px) {
	.personen:nth-child(3n) {transition-delay:0;}
	.seperator-dark {border-left: none; border-right: 1px dotted var(--theme);}
	.seperator-dark:nth-child(odd) {border-left: 1px dotted var(--theme);}
}

@media screen and (max-width: 1024px) {
	.pic-out-350px {
		margin-left: 0 !important; 
		position: relative !important;
		float: none !important;
		margin-bottom: 30px !important;
		justify-content: center !important;
		width: 100%;
	}
	.indent-280px {margin-left: 0 !important;}
}

@media screen and (max-width: 991px) {
	.h1-norm {font-size:3rem;}
	.h2-norm {font-size:2.25rem;}
	.seperator-dark {border:1px dotted var(--theme);}
}

@media screen and (max-width: 768px) {
	.h2-norm {font-size: 2rem;}
	p {text-align: left;}
	.personen:nth-child(2n) {transition-delay:0;}
	.personen:nth-child(3n) {transition-delay:0;}
	.qrcode {display: none;}
	.wp-block-details {margin-left: 0 !important;}
	details p {padding-left: 0;}
	.arrow-position {right: 50%; transform:translatex(50%);}
}