/*
 Theme Name:        Uptown Studios Child
 Text Domain:       uptown-studios-child
 Author:            April Auger
 Author URI:        https://aprilauger.com
 Description:       Uptown Studios Child Theme
 Template:          uptown-studios
 Version:           1.0.0
 Requires at least: 5.9
 Tested up to:      6.0
 Requires PHP:      5.6
 License:           GNU General Public License v2 or later
 License URI:       http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Typography */
h1,
.h1,
.has-xlarge-font-size {
	color: #063258 !important;
	font-size: 2.375rem;
	font-size: clamp(2.375rem, 2.3125rem + 0.3125vw, 2.6875rem);
	/* Min: 38px Max: 43px */
}

h2,
.h2,
.has-large-font-size {
	color: #063258 !important;
	font-size: 1.75rem;
	font-size: clamp(1.75rem, 1.6875rem + 0.3125vw, 2.0625rem);
	/* Min: 28px Max: 33px */
}

h2.h-logo {
	padding-left: 1.5rem;
	position: relative;
	margin-left: 1rem !important;
	margin-bottom: 2rem;
}

h2.h-logo::before {
	content: url(/wp-content/uploads/sdds-logo.png);
	left: -1rem;
	position: absolute;
	top: 0.1rem;
}

h3,
.h3,
.subtitle,
.has-medium-font-size {
	color: #063258 !important;
	font-size: 1.25rem;
	font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
	/* Min: 20px Max: 24px */
}

h3.blue a:link,
h3.blue a:visited,
.h3 {
	color: #002554
}

h3.blue a:hover,
h3.blue a:active {
	color: #e55303;
}

h4,
.h4 {
	font-weight: 700;
}

body,
h4,
.h4 {
	font-size: 1rem;
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	/* Min: 16px Max: 18px */
}

/* Gutenberg Blocks */
:where(.wp-block-columns.is-layout-flex) {
	row-gap: 0;
	column-gap: 1rem;
}

.wp-block-columns {
	margin-bottom: 0;
}

.kadence-column_cf5240-e4 a:link,
.kadence-column_cf5240-e4 a:visited {
	color: #fff;
	text-transform: underline;
}

/* Navigation */
@media (min-width: 992px) {
	.navbar-toggler {
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.hamburger-toggle {
		display: flex;
	}


}

.usc-menu-text {
	font-size: 14px;
	font-weight: 600;
	display: flex;
}

.navbar-toggler .hamburger-toggle {
	float: left;
}

.usc-menu-text {
	float: right;

}


.bm-horizontal #menu-primary-menu>.menu-item {
	color: #777
}

#menu-primary-menu>.nav-link>.menu-item,
#menu-primary-menu>.nav-item>.nav-link {
	color: #e55303;
	font-size: 1.25rem;
}

/* Always show dropdown menus. */
.bm-horizontal #site-navigation .dropdown-menu {
	border: 0;
	display: block;
	margin: 0;
	padding-bottom: .5rem;
}

.bm-horizontal #site-navigation .nav-link {
	padding: 0.25rem 0rem;
}

.bm-horizontal #site-navigation .dropdown-toggle::after {
	display: none;
}

@media (max-width: 1400px) {
	.bm-horizontal .site-logo img {
		max-height: 60px;
	}
}

.top-bar .cta .btn {
	color: #fff;
	height: 35px;
	padding: 3px 10px;
}

.top-bar .btn-secondary {
	background: #063258;
	border-color: #063258;
}

.top-bar .btn-secondary:hover {
	background: #212121;
	border-color: #212121;
}

.bm-horizontal .top-bar .social-icon svg {
	fill: #063258;
}

.bm-horizontal .top-bar .social-icon svg:hover {
	fill: #E65309;
}

.bm-horizontal .nav-link {
	font-family: 'Merriweather';
	font-size: 0.9rem;
}

.bm-horizontal #site-navigation .search-form .search-field,
.bm-horizontal #site-navigation .search-form .dashicons-search {
	background: transparent !important;
	margin-left: 0;
	margin-right: 0;
}

.bm-horizontal #site-navigation.nav-collapsed .search-form .search-field,
.bm-horizontal #site-navigation .search-form .dashicons-search {
	margin: 0 !important;
}

.bm-horizontal #site-navigation .search-form .search-field:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
}

@media (max-width: 572px) {}

/* Start - Columns in primary menu */
@media (min-width: 992px) {
	#menu-primary-menu {
		display: flex;
		height: 650px;
		flex-direction: column;
		flex-wrap: wrap;
	}

	/* 	#menu-primary-menu>* {
			flex: 1 1 70px;
	} */
}

@media (min-width: 1200px) {
	#menu-primary-menu {
		height: 550px;
		flex-direction: column;
		flex-wrap: wrap;
	}
}

/* End - Columns in primary menu */

/* Push search to the right next to the toggle button */
.push {
	margin-left: auto;
}

.top-nav-links a {
	display: inline-block;
	padding-left: .15rem;
	padding-right: .25rem;
}

.bm-horizontal #navbar-wrapper .top-bar-content .top-nav-links {
	font-size: 14px;
}

.top-nav-links .border-right {
	border-right: 1px solid #e5e5e5
}


@media (min-width: 992px) {
	.top-nav-links a {
		padding-left: .5rem;
		padding-right: .75rem;
	}

	.bm-horizontal #navbar-wrapper .top-bar-content .top-nav-links {
		font-size: 15px;
	}
}

.bm-horizontal #navbar-wrapper .top-bar-content .top-nav-links a:link,
.top-nav-links a:visited {
	color: #505e77;
	display: inline-block;
}

/* Blocks */
.wp-block-kadence-iconlist ul.kt-svg-icon-list .kt-svg-icon-list-item-wrap .kt-svg-icon-list-single {
	margin-top: 4px;
}

/* Title block */
#title-block.bkg-img .tb-wrapper::before {
	background: transparent linear-gradient(90deg, #063258 0%, #010A1200 100%) 0% 0% no-repeat padding-box;
}

#title-block.no-bkg-img .tb-wrapper {
	padding-top: 3rem;
}

/* Images */
.max-width-120 img {
	max-width: 120px;
}

.max-width-200 img {
	max-width: 200px;
}

.w-100 img {
	width: 100%;
}

@media (max-width: 767.98px) {

	.max-width-200,
	.max-width-120 {
		padding-top: 1.5rem;
	}
}

/* About */
#about {
	border-bottom: 1px solid #CCC;
	padding-bottom: 1.5rem;
}

/* Jumbotron */
.jumbotron-container .description {
	font-size: 1.25rem;
	font-size: clamp(1.25rem, 1.2rem + 0.25vw, 1.5rem);
	max-width: 650px;
	line-height: 1.6
}

@media (max-width: 1200px) {
	.home .jumbotron::after {
		background: #063258 !important;
		opacity: .8;
	}
}

@media (min-width: 768px) {
	.sidebar-block figure.wp-block-image.size-uptown-studios-150x150.is-resized {
		margin-top: 1rem;
		text-align: center;
	}

	.home .jumbotron::after {
		background: transparent linear-gradient(90deg, #063258 0%, #010A1200 100%) 0% 0% no-repeat padding-box;
	}
}


.jumbotron-container h1,
#title-block.bkg-img h1 {
	color: #fff !important;
}


/* Widgets */
.sidebar-block a:link,
.sidebar-block a:visited {
	color: #063258;
}

.sidebar-block a:hover,
.sidebar-block a:active {
	color: #da4614
}

@media (min-width: 768px) {
	.sidebar-block figure.wp-block-image.size-uptown-studios-150x150.is-resized {
		margin-top: 1rem;
		text-align: center;
	}
}

/* Rulers */
.btm-ruler {
	border-bottom: 4px dotted #E7DBC0;
	padding-bottom: 1.25rem;
	margin-bottom: 2rem
}

/* Spacing */
@media (min-width: 767.98px) {
	.padding-right {
		padding-right: 3rem;
	}
}

/* Accordion */
.wp-block-kadence-accordion h3 {
	color: #063258;
	font-size: 1rem;
	font-size: clamp(1rem, 0.9875rem + 0.0625vw, 1.0625rem);
	font-weight: 900;
}

/* Cards */
.card.event-small img {
	padding-right: 1rem;
	max-width: 100px;
}

h3.card-title {
	margin-bottom: 0;
}

/* Staff */
.staff .card img {
	border-radius: 50%;
}

.staff .card-body {
	margin-bottom: 1.5rem
}

.staff .card-body p {
	margin-bottom: .25rem;
}

.staff.card img {
	max-width: 225px;
}


.staff {
	line-height: 1.5;
	text-align: center;
}

.staff .staff-img {
	margin-bottom: 1.5rem;
}

.staff .staff-email {
	margin-bottom: 1rem;
}

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

.staff h3 {
	margin-bottom: .5rem;
}

/* Events */
.date-card-wrapper {
	width: 40px;
	height: auto;
	margin: 0;
	margin-top: 1rem;
	position: absolute;
	top: 0;
	left: 0;
	border: 2px solid #e75323;
	border-radius: 0 0 19px 19px;
	text-align: center;
}

.date-card-month {
	background: #e75323;
	color: #FFF;
	font-size: 14px;
	line-height: 20px;
	font-weight: 700;
}

.date-card-day {
	font-size: 24px;
	line-height: 32px;
	font-weight: 700;
	color: #172751;
	padding-top: 1px;
	padding-bottom: 3px;
}

.event-wrapper {
	padding-left: 60px;
}

/* Buttons */
.btn {
	font-weight: 600;
}

.btn-primary,
.btn-primary:visited {
	color: #fff !important;
}

.wp-block-button__link {
	height: auto;
	width: auto;
}

.wp-block-button__link:hover {
	background-color: #212121 !important;
	color: #fff;
}

/* Footer */
#footer .footer-logo {
	max-width: 200px
}

#footer .wp-block-column {
	flex: none;
}

#footer .h4 {
	text-transform: uppercase;
}

.ft-icon {
	float: left;
	margin-right: 1rem;
}

.ft-icon-clear {
	clear: both
}

#footer .col-one .contact-wrapper {
	margin-left: 0;
}

#footer .wp-block-button__link {
	border: 1px solid #e55303;
}

#footer .wp-block-button__link:hover,
#footer .wp-block-button__link:active {
	color: #FFFFFF;
	background: transparent !important;
	border: 1px solid #FFFFFF !important;
}

@media (min-width: 992px) {
	.footer-col-center {
		justify-content: center !important;
		display: flex !important
	}
}

.copyright {
	font-size: 0.875rem;
	font-size: clamp(0.875rem, 0.8625rem + 0.0625vw, 0.9375rem);
}

@media (max-width: 991.98px) {
	.copyright {
		margin-bottom: 1rem;
		margin-top: 1rem;
	}
}

body.search-results h1.entry-title {
	padding-bottom: 1.5rem;
	padding-top: 2rem;
}

/* Other */
.semibold {
	font-weight: 600;
}

body {
	color: #464646;
	font-size: 95%;
}

body .is-layout-flow>*+* {
	margin-block-start: 1rem;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none;
}

.tribe-events-content ul li {
	padding-left: 1.5rem;
}

.tribe-events-content {
	color: #464646;
	font-family: "Open Sans", sans-serif;
}

.tribe-events-content ol,
.tribe-events-content p,
.tribe-events-content ul,
.tribe-events-schedule,
.tribe-event-time {
	font-size: 95% !important;
}

.tribe_events-content a {
	text-decoration: none !important;
}

h1.tribe-events-single-event-title {
	font-family: serif;
}

.tribe-events-schedule {
	margin-top: 0;
}

.tribe-events-pg-template h3 {
	font-family: "Open Sans", sans-serif !important;
	font-weight: 700
}

.gform_wrapper.gravity-theme .field_description_above .gfield_description {
	padding-top: 10px
}

.right-sidebar .widget {
	padding-bottom: 1.5rem !important
}

.sidebar .widget_nav_menu {
	margin-top: 3rem;
}

body .is-layout-constrained> :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: none;
}

body .is-layout-constrained>*+* {
	margin-block-start: 1.25rem;
}

.page-id-2010 .wp-block-columns p,
.page-id-1298 .wp-block-columns p {
	margin-block-start: .25rem
}

.page-id-121 .card .staff-email {
	display: none
}

body.search-no-results #header {
	margin-bottom: 35px;
}

/* Other styles */
ol,
ul {
	padding-left: 3rem;
}

.btn-primary,
.wp-block-button__link.wp-element-button {
	color: #FFF;
}

@media only screen and (min-width: 768px) {

	.tribe-events-event-meta.primary,
	.tribe-events-event-meta.secondary {
		width: 100%;
	}
}

.bm-horizontal #site-navigation.nav-collapsed .search-form .search-field {
	background: #fff !important;
}

@media (max-width: 767.98px) {
	.search-form.push {
		position: relative;
	}

	.search-wrapper {
		position: absolute;
		top: -25px;
		right: 0;
	}

	.bm-horizontal #site-navigation .search-form .search-field:focus {
		display: absolute;
		width: 150px;
		background: #fff;
	}

	.bm-horizontal .site-logo img {
		max-height: 50px;
	}
}

h1.tribe-events-single-event-title {
	font-family: Merriweather, serif;
}

.tribe-events-single>.tribe_events {
	overflow: visible;
}

div#title-block.hide-featured-image {
	background-image: none !important;
	background-color: #063258;
}

div#title-block.bkg-img.hide-featured-image .tb-wrapper {
	padding: 32px;
}

.nugget h3 {
	font-size: 1rem;
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	text-transform: uppercase;
	font-family: var(--bs-body-font-family);
}

h1.vendor-title {
	font-size: 1.75rem;
	font-size: clamp(1.75rem, 1.6875rem + 0.3125vw, 2.0625rem);
}

.vendor-members-template-default.single h2.h3 {
	font-weight: 900;
}

.vendor-members-template-default.single .post-img {
	max-height: 270px;
	max-width: 270px;
	margin-bottom: 1.75rem
}

.vendor-members-template-default.single h2 {
	font-size: 1.2rem;
}

#title-block-blue {
	background: #063258;
}

#title-block-blue h1 {
	color: #ffffff !important;
	padding-bottom: 1rem;
}

/* Other styles from customizer */
#content .has-text-color a:not(.wp-element-button),
#content .has-text-color a:not(.wp-element-button):link {
	color: white !important;
	display: inline-block;
	text-decoration: underline;
	transition: all .25s ease-out;
}

#content .has-text-color a:not(.wp-element-button):hover,
#content .has-text-color a:not(.wp-element-button):focus {
	color: white !important;
}

.member-since {
	margin-top: 1rem;
}

.vendor-quicklists-wrap {
	display: flex;
}

.vendor-toggle-wrap {
	width: 50%;
	max-width: 300px;
	position: relative;
}

.vendor-ql {
	border: 1px solid #f1f1f1;
	position: absolute;
	top: calc(100% + 24px);
	left: 0;
	list-style: none;
	padding: 0;
	max-height: 300px;
	background: #f1f1f1;
	overflow: scroll;
	width: calc(100% - 20px);
	opacity: 0;
	visibiity: hidden;
	transition: all .3s ease-out;
	z-index: 10;
	pointer-events: none;
}

.vendor-names.vendor-ql {
	z-index: 11;
}

.vendor-ql li a {
	padding: 10px;
	line-height: 1.3;
	display: block;
}

.vendor-ql li:nth-child(even) {
	background: white;
}

.vendor-ql.show {
	display: block !important;
	top: 100%;
	opacity: 1;
	visibility: visible;
	pointer-events: all;
}

.vendor-toggle {
	padding: 8px 15px;
	background: #063258;
	color: white;
	font-size: 18px;
	margin-right: 20px;
	position: relative;
	cursor: pointer;
}

.vendor-toggle:after {
	content: '\f347';
	font-family: 'dashicons';
	position: absolute;
	right: 15px;
}

@media only screen and (max-width: 800px) {
	.vendor-toggle {
		margin-right: 0;
		margin-bottom: 20px;
	}

	.vendor-quicklists-wrap {
		flex-direction: column;
	}

	.vendor-toggle-wrap {
		width: 100%;
		max-width: 100%;
		margin-right: 0;
	}

	.vendor-ql {
		width: 100% !important;
	}

	.vendor-ql.show {
		top: calc(100% - 20px);
	}
}

@media only screen and (min-width: 1400px) {
	.dep-staff>.staff {
		max-width: 880px !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media only screen and (max-width: 1399px) and (min-width: 1200px) {
	.dep-staff>.staff {
		max-width: calc(190px * 4) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media only screen and (max-width: 1199px) and (min-width: 991px) {
	.dep-staff>.staff {
		max-width: calc(16.66666667% * 4) !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}

@media only screen and (max-width: 991px) {
	.dep-staff>.staff {
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.dep-staff>.staff>.row>div {
		width: 100%
	}
}

.postid-5697 .entry-title {
	margin-bottom: 0;
	padding-bottom: 0 !important;
}

@media print {
	.course-descriptions {
		background: #fff !important;
		color: #000 !important;
		display: block;
		margin: 0 !important;
		max-width: none !important;
		padding: 0 !important;
		position: relative !important;
		z-index: 1 !important;
	}

	header,
	nav,
	footer,
	.wp-block-button {
		display: none !important;
	}

	.kt-accordion-header-wrap,
	.kt-blocks-accordion-header {
		display: block !important;
	}

	.kt-accordion-panel,
	.kt-accordion-panel-active,
	.kt-accordion-panel-hidden {
		display: block !important;
		height: auto !important;
		max-height: none !important;
		opacity: 1 !important;
		overflow: visible !important;
		visibility: visible !important;
	}

	.kt-accordion-panel-inner,
	.kt-accordion-inner-wrap {
		overflow: visible !important;
	}

	.kt-accordion-header-wrap .kt-blocks-accordion-header {
		background: none !important;
		border: 0 !important;
		display: block !important;
		margin: 0 0 8pt !important;
		padding: 0 !important;
		pointer-events: none !important;
		text-align: left !important;
		width: 100% !important;
	}

	.kt-accordion-header-wrap .kt-blocks-accordion-title-wrap,
	.kt-accordion-header-wrap .kt-blocks-accordion-title {
		display: block !important;
	}

	.kt-accordion-pane,
	.kt-accordion-header-wrap,
	.kt-accordion-panel {
		break-inside: avoid;
		page-break-inside: avoid;
		position: relative !important;
		z-index: auto !important;
	}

	body * {
		z-index: auto !important;
	}

	.course-descriptions h1,
	.course-descriptions h2,
	.course-descriptions h3,
	.course-descriptions h4,
	.course-descriptions h5,
	.course-descriptions h6 {
		clear: both !important;
		margin-top: 0.6em !important;
		padding-top: 0.4em !important;
		position: relative !important;
		transform: none !important;
		z-index: 1 !important;
	}
}