/*
 Theme Name:   The Left Berlin
 description: >-
   A child theme of the wp-bootstrap-starter WordPress theme
 Author:       Tech People (find us on Telegram)
 Template:     wp-bootstrap-starter
 Version:      1.0.17
*/

/*
	1rem = 16px

	grey: #e5e2e1
	red: #e52332

*/

/* Small devices (landscape phones, 360px and up) */
@media (min-width: 360px) {

	#masthead .navbar-brand a img {
		width: 15rem;
	}

	.navbar {
		margin: 1.875rem 0;
	}

	.navbar #menu-label {
		color: #fff;
		font-size: 0.9rem;
	}

	body.home #page-sub-header {
		height: 10rem;
	}

	body.page #masthead,
	body.archive #masthead,
	body.search #masthead,
	body.page-template-page-news #masthead {
		margin-bottom: 2rem;
	}

	body.home #masthead {
		margin-bottom: 0;
	}

}


/* Homepage & Global Styles */

p {
	font-size: 1.2rem;
}

a {
	color: #e52332;
}

a:hover {
	color: #e52332;
}


body.post-type-archive-espresso_events .entry-content,
body.home.page-template-default .entry-content,
body.page-template-page-news .entry-content,
body.author .entry-content,
body.tag .entry-content,
body.search .entry-content {
	margin-bottom: 1rem;
	border-bottom: 2px solid #252626;
}

body,
aside,
.entry-content ul.ee-event-datetimes-ul {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 450;
}

body.single .entry-content blockquote p {
	font-size: 1.4rem;
    line-height: 130%;
    border-left: 5px solid #e52332;
    color: rgba(33, 37, 41, 0.5);
    display: block;
    margin: 2rem 0 2rem 0rem;
    padding-left: 1rem;
    font-family: "Space Grotesk", sans-serif;
	font-weight: 450;
}

.navbar-brand {
	font-size: 0.5rem;
}

#masthead {
	background-color: #e52332;
	min-height: 4rem;
}

#masthead ul li {
	font-size: 1.1rem;
}

#masthead a {
	color: #fff;
}

#masthead a:hover {
	text-decoration: underline;
}

#masthead .hidden-header {
	display: none;
}

body.home #page-sub-header {
	background-size: cover;
	background-position: 50% 25%;
	height: 20rem;
}

.tagline {
	background-color: #e52332;
	color: #fff;
	margin-bottom: 2rem;
}

.tagline h1 {
	margin: 0;
}

.tagline a.btn {
	background-color: #fff;
	border-radius: 0;
	color: #e52332;
	font-size: 1.1rem;
	text-decoration: none;
}

.tagline p a.btn:hover {
	background-color: #e52332;
	color: #fff;
	border-color: #fff;
}

h2.title {
	border-bottom: 1rem solid #e52332;
	color: #e52332;
	margin-bottom: 1.875rem;
	padding-bottom: 0.7rem;
	width: 100%;
	font-size: 1.2rem;
}

.navbar-expand-xl .navbar-nav .nav-link {
	padding-left: 1.25rem;
	padding-right: 1.25rem;
}

.navbar {
	margin: 1rem 0;
}

.navbar-dark .navbar-toggler {
    border: none;
}

.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.tagline h1 {
	font-size: 1.2rem;
	font-weight: 300;
}

.tagline p {
	margin: 2rem 0 0 0;
}

.tagline p a {
	color: #fff;
	text-decoration: underline;
}

.tagline p a:hover {
	text-decoration: none;
}

.tagline {
	padding: 1.5rem 1.25rem;
}

.tagline a {
	color: #252626;
}

.entry-content {
	margin-top: 1.875rem;
}

.entry-content p,
.entry-content ul,
.entry-content ol {
	font-family: "Inter", sans-serif;
	font-weight: 350;
	font-size: 1.2rem;
}

.entry-content p img,
.entry-content figure,
.entry-content figure img {
	max-width: 100%;
	height: auto;
}

body.page h1.entry-title,
body.archive h1.page-title {
	margin: 0 0 1.3rem 0;
}

h2.entry-title {
	font-size: 1.75rem;
	margin: 1.3rem 0;
}

.card {
		margin-bottom: 1rem;
	}

.card,
.card-header {
	background-color: #e5e2e1;
	border: none;
	border-radius: 0;
}

.card.newsletter {
	background-color: #e52332;
	color: #fff;
	font-size: 2rem;
	line-height: 2.2rem;
}

.card.newsletter a {
	color: #fff;
}

.card-header {
	color: #e52332;
	font-size: 2rem;
	line-height: 2.2rem;
}

.card h3 {
	color: #e52332;
	font-size: 1.75rem;
	line-height: 2.2rem;
	margin: 0;
	padding: 1.25rem;
}

body.home .card h3 {
	padding-bottom: 0;
}

.card p {
	font-size: 1rem;
	padding: 1.25rem;
	margin: 0;
}

.card-body p {
	margin: 0;
}

.card img {
	max-width: 100%;
	height: auto;
}

ul.ee-event-datetimes-ul,
footer ul,
aside ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

aside ul#authors li {
	display: inline;
	list-style-type: none;
}

aside ul#authors li::after {
	 content: ", ";
}

aside ul#authors li:last-child::after {
	 content: ".";
}


/* Search */

form.search-form {
	margin-bottom: 4rem;
}

body.search .page-header {
	margin-bottom: 3rem;
}

body.search span.comments-link {
	display: none;
}

input.btn:not(:disabled):not(.disabled) {
	background-color: #e52332;
	color: #fff;
	vertical-align: unset;
}

input.btn:not(:disabled):not(.disabled):hover {
	background-color: #a61622;
}

.modal {
	top: 4rem;
}

.modal-content {
	border: none;
	background-color: transparent;
}

.card {
	margin-bottom: 3.75rem;
	min-height: 15rem;
}

.close,
.close:not(:disabled):not(.disabled):focus,
.close:not(:disabled):not(.disabled):hover {
	color: #fff;
	font-size: 1.1rem;
	font-weight: 300;
	opacity: 1;
	text-shadow: none;
}

.close:hover {
    text-decoration: underline;
}


/* Single */

body.single h1.entry-title {
	margin: 1.25rem 0;
}

.related-content {
	margin-bottom: 1.875rem;
}

.related-content h5 {
	margin: 1rem 0;
}

body.single #primary {
	margin-bottom: 2rem;
}

figcaption {
	color: #777;
	font-size: 0.8rem;
	margin-top: 1.25rem;
}

body.single .wp-post-image {
	min-width: 100%;
}


/* Archive Pages */

body.archive aside {
	margin-bottom: 4rem;
}

body.archive aside h2.title {
	margin-top: 2rem;
}

article {
	margin-bottom: 1.875rem;
}
article header .entry-meta {
	margin-bottom: 0.5rem;
}


/* Videos */

.entry-content p iframe,
.video-container iframe,
.video-container object,
.video-container embed {
	width: 100%;
}

.entry-content p iframe {
	max-height: 17.9rem;
}

h5.video-title {
	margin: .5rem 0;
}

ul.video-details {
	list-style: none;
	padding: 0;
	margin: 1rem 0;
	text-align: center;
}

ul.video-details {
	font-family: "Inter", sans-serif;
	font-weight: 350;
	text-align: left;
	margin-bottom: 2.4rem;
}

ul.video-details li {
	padding: 0;
	margin: 0;
}

ul.video-details li.video-desc {
	display: block;
	line-height: 1.2rem;
}


/* Events */

body.post-type-archive-espresso_events .espresso_events, body.tax-espresso_event_categories .espresso_venues,
body.post-type-archive-espresso_events .espresso_events, body.tax-espresso_event_categories .espresso_venues
{
    margin-bottom: 16px;
}

.espresso-event-header-dv h2.entry-title {
	margin: 1.25rem 0;
}

a.ee-event-img-lnk img {
	max-width: 100%;
	height: auto;
}

body.post-type-archive-espresso_events .event-datetimes {
	margin-top: 2rem;
}

body.post-type-archive-espresso_events form {
	display: none;
}

body.post-type-archive-espresso_events form:last-child {
	display: block;
}

form.download-iCal-frm {
	margin: 0 !important;
}

body.post-type-archive-espresso_events #masthead,
body.tax-espresso_event_categories #masthead {
	margin-bottom: 2rem;
}

@media (max-width: 992px) {
	body.post-type-archive-espresso_events #primary,
	body.tax-espresso_event_categories #primary {
		order:2;
	}
	body.post-type-archive-espresso_events #secondary,
	body.tax-espresso_event_categories #secondary {
		order:1;
		margin-bottom: 2rem;
	}
	body.post-type-archive-espresso_events #secondary h2.title,
	body.tax-espresso_event_categories #secondary h2.title {
		margin-top:0
	}
}

/* Homepage Events Panel */

.card.featured-event h2.entry-title {
	margin: 0 0 1rem 0;
	text-align: left;
}

.card.featured-event .espresso_events {
	margin: 0;
	text-align: left;
}

/* Hide almost everything! This would be cleaner with a custom template, but not worth the effort */
.card.featured-event .ee-event-img-dv,
.card.featured-event .event-content p,
.card.featured-event .ee-pagination-dv,
.card.featured-event div.event-datetimes ul#ee-event-datetimes-ul-1848.ee-event-datetimes-ul.ee-clearfix li#ee-event-datetimes-li-2.ee-event-datetimes-li.ee-event-datetimes-li-DTU span.dashicons-clock,
.card.featured-event div.event-datetimes ul#ee-event-datetimes-ul-1848.ee-event-datetimes-ul.ee-clearfix li#ee-event-datetimes-li-2.ee-event-datetimes-li.ee-event-datetimes-li-DTU span.ee-event-datetimes-li-timerange,
.card.featured-event form,
.card.featured-event ul li .download-iCal-frm,
.card.featured-event form br {
	display: none;
}

.card.featured-event form:last-child {
	display: block;
}

.card.featured-event .ee-clearfix .ee-event-datetimes-li {
	width: 100%;
}


/* Buttons */

#pagination {
	margin: 0 0 4rem 0;
}

#pagination ul.page-numbers {
	margin: 0;
	padding: 0;
}

.wp-pagenavi a,
.wp-pagenavi span,
#pagination ul.page-numbers li {
	display: inline-block;
	background-color: #e52332;
	min-width: 2.5rem;
}
body.post-type-archive-espresso_events #pagination ul.page-numbers li,
body.tax-espresso_event_categories #pagination ul.page-numbers li {
	margin-right: 4px;
}

.wp-pagenavi span.pages { /* Hide "Page 1 of..." on mobile */
	display: none;
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	background-color: #a61622;
	text-decoration: none;
}


#pagination ul.page-numbers li span {
	display: block;
}

.wp-pagenavi a,
.wp-pagenavi span,
#pagination ul.page-numbers li span,
#pagination ul.page-numbers li a {
	color: #fff;
	display: inline-block;
	padding: 0.5rem 1rem;
	margin: 0 0.5rem 0.5rem 0;
}

#pagination ul.page-numbers li a,
#pagination ul.page-numbers li span {
	margin: 0;
	width: 100%;
}

input#mc-embedded-subscribe,
div.wpforms-container-full .wpforms-form input[type="submit"], div.wpforms-container-full .wpforms-form button[type="submit"], div.wpforms-container-full .wpforms-form .wpforms-page-button,
.ticket-selector-submit-btn,
.spco-next-step-btn {
	background-color: #e52332;
	border: none;
	border-radius: 0;
	color: #fff;
	padding: .375rem .75rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	vertical-align: unset;
}

input#mc-embedded-subscribe:hover,
#pagination ul.page-numbers li span,
#pagination ul.page-numbers li a:hover,
div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
div.wpforms-container-full .wpforms-form input[type="submit"]:focus,
div.wpforms-container-full .wpforms-form input[type="submit"]:active,
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
div.wpforms-container-full .wpforms-form button[type="submit"]:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:focus,
.ticket-selector-submit-btn:not(:disabled):not(.disabled):hover,
.spco-next-step-btn:not(:disabled):not(.disabled):hover {
	background-color: #a61622;
	border: none;
	border-radius: 0;
	text-decoration: none;
}


/* Contact Form */

div.wpforms-container-full .wpforms-form .wpforms-field-label {
	font-weight: 500;
}

.entry-content .wpforms-confirmation-container-full p {
	font-family: "Space Grotesk", sans-serif;
	font-weight: 450;
}


/* Footer */

footer.site-footer {
	background-color: #1f2121;
	min-height: 18.25rem;
	padding: 2rem 0;
}

footer.site-footer,
footer.site-footer a,
footer.site-footer a:hover {
	color: #fff;
}

footer h2 {
	border-bottom: 1rem solid #fff;
	color: #fff;
	font-size: 1.2rem;
	margin-bottom: 1rem;
	padding-bottom: 0.7rem;
	width: 100%;
}

footer ul {
	margin-bottom: 2rem;
}

footer.site-footer .hidden-footer {
	display: none;
}
footer.site-footer .ticket-selector-submit-btn {
	display: inline-block;
	text-align: center;
	margin-bottom: 1rem;
	float:none;
}

/* Newsletter Signup in Footer */

footer #mc_embed_signup .mc-field-group {
	width: 100%;
}

footer #mc_embed_signup {
	background-color: transparent;
	color: #fff;
	font-family: "Space Grotesk", sans-serif;
	font-weight: 450;
}

footer #mc_embed_signup input {
	border: none;
}

footer #mc_embed_signup .mc-field-group label.hidden {
	display: none;
}

footer input#mce-EMAIL {
	border: none;
	height: 2.4rem;
	margin-bottom: 1rem;
	padding: 0.5rem;
	width: 100%;
}

footer .response {
	margin-bottom: 1rem;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
  font-style: italic;
}
:-moz-placeholder { /* Firefox 18- */
  font-style: italic;
}

/* MailChimp Form Embed Code - Classic - 12/17/2015 v10.7 */

#mc_embed_signup {
	margin-bottom: 2rem;
}

#mc_embed_signup input {
	border: 1px solid #ABB0B2;
}

input#mc-embedded-subscribe.button {
	border: none;
}

#mc_embed_signup input[type=checkbox] {
	-webkit-appearance:checkbox;
}

#mc_embed_signup input[type=radio] {
	-webkit-appearance:radio;
}

#mc_embed_signup input:focus {
	border-color:#333;
}

#mc_embed_signup .small-meta {
	font-size:11px;
}

#mc_embed_signup .nowrap {
	white-space:nowrap;
}

#mc_embed_signup .mc-field-group {
	clear:left;
	position:relative;
	width:100%;
	padding-bottom:3%;
	min-height:50px;
}

#mc_embed_signup .size1of2 {
	clear:none;
	float:left;
	display:inline-block;
	width:46%;
	margin-right:4%;
}

* html #mc_embed_signup .size1of2 {
	margin-right:2%;
/* Fix for IE6 double margins. */
}

#mc_embed_signup .mc-field-group label {
	display:block;
	margin-bottom:3px;
}

#mc_embed_signup .mc-field-group input {
	display:block;
	width:100%;
	padding:0.5rem 0;
	text-indent:2%;
}

#mc_embed_signup .mc-field-group select {
	display:inline-block;
	width:99%;
	padding:5px 0;
	margin-bottom:2px;
}

#mc_embed_signup .datefield,#mc_embed_signup .phonefield-us {
	padding:5px 0;
}

#mc_embed_signup .datefield input,#mc_embed_signup .phonefield-us input {
	display:inline;
	width:60px;
	margin:0 2px;
	letter-spacing:1px;
	text-align:center;
	padding:5px 0 2px;
}

#mc_embed_signup .phonefield-us .phonearea input,#mc_embed_signup .phonefield-us .phonedetail1 input {
	width:40px;
}

#mc_embed_signup .datefield .monthfield input,#mc_embed_signup .datefield .dayfield input {
	width:30px;
}

#mc_embed_signup .datefield label,#mc_embed_signup .phonefield-us label {
	display:none;
}

#mc_embed_signup .indicates-required {
	text-align:right;
	font-size:11px;
	margin-right:4%;
}

#mc_embed_signup .asterisk {
	color:#e85c41;
	font-size:150%;
	font-weight:400;
	position:relative;
	top:5px;
}

#mc_embed_signup .clear {
	clear:both;
}

#mc_embed_signup .mc-field-group.input-group ul {
	margin:0;
	padding:5px 0;
	list-style:none;
}

#mc_embed_signup .mc-field-group.input-group ul li {
	display:block;
	padding:3px 0;
	margin:0;
}

#mc_embed_signup .mc-field-group.input-group label {
	display:inline;
}

#mc_embed_signup .mc-field-group.input-group input {
	display:inline;
	width:auto;
	border:none;
}

#mc_embed_signup div#mce-responses {
	float:left;
	top:-1.4em;
	padding:0 .5em;
	overflow:hidden;
	width:90%;
	margin:0 5%;
	clear:both;
}

#mc_embed_signup div.response {
	margin:1em 0;
	padding:1em .5em .5em 0;
	font-weight:700;
	float:left;
	top:-1.5em;
	z-index:1;
	width:80%;
}

#mc_embed_signup #mce-error-response {
	display:none;
}

#mc_embed_signup #mce-success-response {
	color:#529214;
	display:none;
}

#mc_embed_signup label.error {
	display:block;
	float:none;
	width:auto;
	margin-left:1.05em;
	text-align:left;
	padding:.5em 0;
}

#mc_embed_signup #num-subscribers {
	font-size:1.1em;
}

#mc_embed_signup #num-subscribers span {
	padding:.5em;
	border:1px solid #ccc;
	margin-right:.5em;
	font-weight:700;
}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	display:inline-block;
	margin:2px 0 1em;
	padding:5px 10px;
	background-color:rgba(255,255,255,0.85);
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	font-size:14px;
	font-weight:400;
	z-index:1;
	color:#e85c41;
}

#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {
	border:2px solid #e85c41;
}


/* Medium devices (tablets, 760.5rem and up) */
@media (min-width: 760.5rem) {

	body.home #page-sub-header {
	    margin-bottom: 4rem;
	}

	body.home .tagline {
		margin-bottom: 1.8rem;
	}

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {

	body.home #page-sub-header {
	    margin-bottom: 3rem;
	}

	body.home .tagline {
		margin-bottom: 1.25rem;
	}

	/* Archive Pages */

	body.archive aside h2.title {
		margin-top: 4rem;
	}

	.wp-pagenavi span.pages {
		display: inline-block;
	}

	body.post-type-archive-espresso_events .entry-content ,
	body.home.page-template-default .entry-content,
	body.page-template-page-news .entry-content,
	body.author .entry-content,
	body.tag .entry-content,
	body.search .entry-content {
		margin-bottom: 0;
		border: 0;
	}
	
	body.tax-espresso_event_categories .entry-header,
	body.post-type-archive-espresso_events .entry-header,
	body.home.page-template-default .entry-header,
	body.page-template-page-news .entry-header,
	body.author .entry-header,
	body.tag .entry-header,
	body.search .entry-header {
		border-top: 2px solid #252626;
	}
	
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

	#content {
		margin-bottom: 4rem;
	}

	#masthead {
		background-color: #e52332;
		min-height: 6rem;
	}

	body.home #masthead,
	body.page #masthead,
	body.archive #masthead,
	body.search #masthead,
	body.page-template-page-news #masthead {
		margin-bottom: 0;
	}

	body.page h1.entry-title,
	body.archive h1.page-title {
		margin: 4rem 0 1.3rem 0;
	}

	body.search #masthead,
	body.page-template-page-news #masthead {
		margin-bottom: 4rem;
	}

	.tagline {
		margin-bottom: 2rem;
	}

	#masthead .navbar-brand a img {
		height: auto;
		width: 17.37rem; /* 270.5rem */
	}

	body.home #page-sub-header {
		height: 35rem;
		margin-bottom: 4rem;
	}

	body.home #page-sub-header .container .row div {
		padding: 1.5rem 1.25rem;
		margin-bottom: 4rem;
	}

	h2.title {
		font-size: 1.2rem;
	}

	body.home article .entry-content p,
	body.archive article .entry-content p,
	body.search article .entry-content p,
	body.page-template-page-news .entry-content p {
		margin: 0; /* Aligns text in post previews to the bottom of their containers */
	}

	.entry-header .border {
		margin-bottom: 3rem;
	}

	article {
		margin-bottom: 3.75rem;
	}



	.single .entry-header {
		border-top: none;
	}

	h2.entry-title {
		margin-top: 1.3rem;
		margin-bottom: 0.5rem;
	}

	body.home .post-thumbnail,
	body.archive .post-thumbnail {
		margin: 0;
	}

	body.archive h2.title {
		margin-top: 4rem;
	}


	/* Single */

	body.single h1.entry-title,
	h1.page-title {
		margin: 2.7rem 0 2rem 0;
	}

	body.single .entry-content p {
		margin: 0 0 1rem 0;
	}

	body.single .entry-content blockquote {
		width: 110%;
	}

	body.single .entry-content blockquote p {
		font-size: 1.75rem;
        margin: 3rem auto 3rem auto;
        max-width: 90%;
	}

	body.single .entry-meta {
		margin-bottom: 2.5rem;
	}

	body.single #primary {
		margin-bottom: 4rem;
	}

	body.single #related-articles {
		border-top: 2px solid #1f2121;
		padding-top: 2rem;
	}

	#related-articles h3 {
		color: #e52332;
		margin-bottom: 3rem;
	}

	#tags a:hover,
	#related-articles a:hover {
		text-decoration: underline;
	}

	img.aligncenter {
		margin: 0 0 1.5rem 0;
	}

	figure.alignleft {
		float: left;
		margin: 1.5rem 1.5rem 1.5rem 0;
	}

	figure.alignright {
		float: right;
		margin: 1.5rem 6.25rem 1.5rem 1.5rem;
	}


	/* Page */

	body.page-template-default .entry-header {
		border: none;
	}

	body.page-template-default h1.entry-title {
		margin-bottom: 2rem;
	}

	/* Search */

	form.search-form {
		margin-bottom: 0;
	}

	.entry-content p iframe {
		max-height: 25.6rem;
	}

}

/* Authors page */
.authors-grid {
    max-width: 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, 200px);
    list-style: none;
    margin: 1em;
    gap: 7px;
}

.authors-separator {
	border: none;
	height: 2px;
	color: #252626;
	background-color: #252626;
}

.authors-grid-element {
	margin-right: 5px
}

.authors-initial {
	padding-top: 30px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    letter-spacing: -2%;
}