/*
Theme Name:     UpRide.cc (TwentyTwenty)
Theme URI:      https://upride.cc
Description:    Child theme for the TwentyTwenty Theme
Author:         Visser Labs
Author URI:     http://www.visser.io/
Template:       twentytwenty
Version:        1.0
*/

/* Remove Cookiebot brand styling */
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none;
}

body.archive.category #site-content {
	background-color:white;
}
.primary-menu ul {
	background-color:#fedb00;
}

body.page-template-content-page-white #site-content {
	background-color: white;
}
.menu-modal .menu-bottom {
	flex-direction: column;
}
.menu-modal .help-feedback-menu {
	margin-bottom:2em;
}
.menu-modal .feedback-panel, 
.menu-modal .feedback-panel .notice {
	display:none;
}
.menu-modal .feedback-panel h5 {
	margin-top:0;
}
.menu-modal .feedback-panel .form-fields {
	list-style:none;
	margin:0;
}
.menu-modal .feedback-panel .form-fields li {
	line-height:1em;
	margin:0;
	margin-bottom:1em;
	padding:0;
}
.menu-modal .feedback-panel .form-fields li:last-child {
	margin-top:1em;
	margin-bottom:0;
}
.menu-modal .feedback-panel .form-fields li p {
	margin:0.4em 0 0 0;
}
.menu-modal .feedback-panel .form-fields label {
	font-size:0.9em;
	margin-bottom:0.4em;
}
.menu-modal .feedback-panel .form-fields input[type="text"], 
.menu-modal .feedback-panel .form-fields input[type="email"], 
.menu-modal .feedback-panel .form-fields textarea {
	border-radius:0.2em;
}

/* Mobile - Portrait */
@media (max-width:700px) {
	body #site-header {
		height:48px;
	}
	body .site-logo img {
		max-width:100px;
		max-height:34px;
	}
	body .header-inner {
		padding-top: 0.8rem;
	}
	body .header-titles-wrapper {
		margin-left:18px;
	}
	button.close-nav-toggle {
		padding:0 2rem;
		height:48px;
		background-color: #fedb00;
	}
	.menu-wrapper.section-inner {
		width:auto;
	}
	.modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
		font-size:1em;
	}
	.modal-menu a {
		padding: 2rem 2rem;
	}
	.modal-menu .menu-bottom li {
		border:none;
	}
	.modal-menu .help-feedback-menu li:first-child {
		border-top:none;
	}
	.modal-menu .menu-bottom a {
		padding: 1rem 2rem;
	}
	.mobile-menu.members-menu {
		margin-bottom:0;
	}
	.menu-modal .feedback-panel {
		padding:1em;
	}
}

@media (min-width: 700px) {
  .site-logo img {
    max-height: fit-content;
    max-width: 185px;
  }
  .modal-menu > li > a, .modal-menu > li > .ancestor-wrapper > a {
  	font-size: 2.0rem;
  	padding: 2rem 0;
  }
}

body iframe[height="1"] {
	height:100dvh !important;
}