/*
 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
*/

/* Buttons */
@media (max-width: 1198.98px) {
	.cta-button {
		margin-bottom: .5rem;
	}
}

@media (min-width: 1200px) {
	.cta-button {
		margin-left: .25rem;
		margin-right: .25rem;
	}
}

.blue .wp-block-button__link,
.blue .wp-block-button__link:visited {
	background-color: #002D4E;
	border-color: #002D4E;
}

.blue .wp-block-button__link:hover,
.blue .wp-block-button__link:active {
	background-color: #00807B;
	border-color: #00807B;
}

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

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

/* Navigation */
.bm-horizontal #site-navigation .nav-link,
.btn {
	font-size: .9375rem;
}

.content-area h3 a:link,
.content-area h3 a:visited {
	color: var(--wp--preset--color--primary);
}

/* Jumbotron */
.home .jumbotron::after {
	background: transparent linear-gradient(270deg, #00264100 0%, #002641C4 67%, #002641 100%) 0% 0% no-repeat padding-box !important;
	opacity: 0.91 !important;
}

@media (max-width: 992px) {
	.home .jumbotron::after {
    background: rgba(1,45,77,.90) !important;
	}
}

.jumbotron, .jumbotron-wrapper, .jumbotron::after {
	min-height: 500px;
}

/* Gravity Forms */
.gform_button,
.gform_button:visited {
    background: var(--wp--preset--color--primary);
    border: 1px solid var(--wp--preset--color--primary);
	color: #FFFFFF;
	padding: .5rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	text-transform: uppercase;
}

.gform_button:hover {
	background: var(--wp--preset--color--secondary);
	border: 1px solid var(--wp--preset--color--secondary);
}

/* Title Block */
#title-block.bkg-img .tb-wrapper::before {
	background: transparent linear-gradient(90deg, #002641 0%, #00080D00 100%) 0% 0% no-repeat padding-box;
	opacity: 0.79;
}

/* Footer */
#footer {
	font-weight: 600;
}

#footer .menu-item {
	position: relative;
	padding-left: 1.5rem
}

#footer .col-one .dashicons {
	color: #00807B
}

#footer .menu-item::before {
	position: absolute;
	font-family: dashicons;
	content: "\f139";
	left: 0;
	color: #00807B;
}

#footer .h4 {
	font-size: 1.125rem;
	font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
	text-transform: uppercase;
}

/* Layout */
@media (max-width: 767.98px) {
	.center-content {
		text-align: center;
	}
}

/* Testimonials */
.testimonial-carousel .slick-slide .card-body {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 25px #00000012;
	border-radius: 4px;
	opacity: 1;
	margin: 0 .5rem;
	padding: 1.5rem;
}

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

h3.card-title a:link,
h3.card-title a:visited {
	color: #002D4E;
}

.testimonial-title {
	color: #00807B;
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
}

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

.btn-secondary,
.btn-secondary:visited,
.wp-block-button.btn-secondary .wp-block-button__link,
.wp-block-button.btn-secondary .wp-block-button__link:visited {
	color: #fff;
	background: #00807B;
	border: 1px solid #00807B;
}

.btn-secondary:hover,
.btn-secondary:active,
.wp-block-button.btn-secondary .wp-block-button__link:hover,
.wp-block-button.btn-secondary .wp-block-button__link:active {
	color: #fff;
	background: transparent;
	border: 1px solid #fff;
}

.learn-more a:link,
.learn-more a:visited,
.more-details a:link,
.more-details a:visited {
	color: var(--wp--preset--color--body) !important;
	display: block;
	font-size: .9rem;
	font-weight: 700;
	margin-top: 1rem;
	position: relative;
	text-transform: uppercase
}

.learn-more a::after {
	opacity: 0;
	position: absolute;
	margin-left: -1em;
	font-family: dashicons;
	content: "\f344";
	transition: all .2s;
	font-size: .9rem
}

.learn-more a:hover::after {
	font-size: .9rem;
	transition: all 300ms ease 0ms;
	margin-left: .5em;
	opacity: 1;
	position: absolute;
}

.more-details {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.more-details a::after {
	content: "";
	position: absolute;
	bottom: -.25rem;
	height: 3px !important;
	width: 80%;
	left: 0;
	border-radius: 3px;
	background-color: var(--wp--preset--color--secondary);
	transition: 0.4s ease-out all .1s;
}

.more-details:hover a::after {
	width: 100%;
	background-color: #CFEBEB;
	content: "";
	position: absolute;
	transition: 0.5s ease all;
}

.green-block .wp-block-button__link {
	background: #012D4D;
	border: 1px solid #012D4D
}

.blue-block .wp-block-button__link:hover,
.green-block .wp-block-button__link:hover {
	border: 1px solid #fff;
	background: transparent;
}

/* Photo */
.photo-decor {
	margin-top: 35px !important;
	max-width: 550px;
	position: relative;
	text-align: center;
	width: -moz-calc(100% - 35px) !important;
	width: -webkit-calc(100% - 35px) !important;
	width: -o-calc(100% - 35px) !important;
	width: calc(100% - 35px) !important;
}

.photo-decor img {
	box-shadow: 35px -35px 0px -1px rgba(1, 45, 77, 1);
	-webkit-box-shadow: 35px -35px 0px -1px rgba(1, 45, 77, 1);
	-moz-box-shadow: 35px -35px 0px -1px rgb(51, 58, 63);
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}

.photo-decor.left-column img {
	box-shadow: -35px -35px 0px -1px rgba(1, 45, 77, 1);
	-webkit-box-shadow: -35px -35px 0px -1px rgba(1, 45, 77, 1);
	-moz-box-shadow: -35px -35px 0px -1px rgba(1, 45, 77, 1);
}

.photo-decor::after {
	box-shadow: 0px 0px 20px #00000039;
	border: 4px solid #FFFFFF;
	border-radius: 4px;
	content: "";
	height: 100%;
	opacity: 1;
	position: absolute;
	right: -20px;
	top: -20px;
	width: 100%;
	z-index: 2;
}

.photo-decor.left-column::after {
	left: -20px;
	top: -20px;
}

@media (min-width: 992px) {
	.padding-right {
		padding-right: 3rem;
	}

	.padding-left {
		padding-left: 3rem;
	}
}

.photo-decor.small-photo {
	margin-top: 20px !important
}

.photo-decor.small-photo img {
	box-shadow: 20px -20px 0px -1px rgba(1, 45, 77, 1);
	-webkit-box-shadow: 20px -20px 0px -1px rgba(1, 45, 77, 1);
	-moz-box-shadow: 20px -20px 0px -1px rgba(1, 45, 77, 1);
}

.photo-decor.left-column.small-photo img {
	box-shadow: -20px -20px 0px -1px rgba(1, 45, 77, 1);
	-webkit-box-shadow: -20px -20px 0px -1px rgba(1, 45, 77, 1);
	-moz-box-shadow: -20px -20px 0px -1px rgba(1, 45, 77, 1);
}

.photo-decor.left-column.small-photo::after {
	border: 3px solid #FFFFFF;
	box-shadow: 0px 0px 20px #00000039;
	left: -10px;
	top: -10px;
}

.photo-decor.small-photo::after {
	border: 3px solid #FFFFFF;
	box-shadow: 0px 0px 20px #00000039;
	right: -10px;
	top: -10px;
}

@media (max-width: 1198.98px) {
	.photo-decor {
		margin-top: 20px !important
	}

	.photo-decor img {
		box-shadow: 20px -20px 0px -1px rgba(1, 45, 77, 1);
		-webkit-box-shadow: 20px -20px 0px -1px rgba(1, 45, 77, 1);
		-moz-box-shadow: 20px -20px 0px -1px rgba(1, 45, 77, 1);
	}

	.photo-decor.left-column img {
		box-shadow: -20px -20px 0px -1px rgba(1, 45, 77, 1);
		-webkit-box-shadow: -20px -20px 0px -1px rgba(1, 45, 77, 1);
		-moz-box-shadow: -20px -20px 0px -1px rgba(1, 45, 77, 1);
	}

	.photo-decor.left-column::after {
		border: 3px solid #FFFFFF;
		box-shadow: 0px 0px 20px #00000039;
		left: -10px;
		top: -10px;
	}

	.photo-decor::after {
		border: 3px solid #FFFFFF;
		box-shadow: 0px 0px 20px #00000039;
		right: -10px;
		top: -10px;
	}
}

@media (min-width: 768px) and (max-width: 1199.98px) {

	.photo-decor.left-column.small-photo img {
		box-shadow: -12px -12px 0px -1px rgba(1, 45, 77, 1);
		-webkit-box-shadow: -12px -12px 0px -1px rgba(1, 45, 77, 1);
		-moz-box-shadow: -12px -12px 0px -1px rgba(1, 45, 77, 1);
	}

	.photo-decor.left-column.small-photo::after {
		border: 3px solid #FFFFFF;
		box-shadow: 0px 0px 7px #00000039;
		left: -7px;
		top: -7px;
	}
}

.page-id-1320 h2 {
	margin-bottom: var(--wp--preset--spacing--30) !important;
	margin-top: var(--wp--preset--spacing--30) !important;
}

@media (max-width: 992px) {
	.page-id-1320 h2 {
		text-align: center;
	}
}

.photo-decor.left-column.small-photo::after {
	border-radius: 50%;
}

/* Post modal */
.post h3 {
	font-size: var(--wp--preset--font-size--small);
}

.post .post-title {
	font-size: var(--wp--preset--font-size--x-small);
}

.post {
	margin-bottom: var(--wp--preset--spacing--30);
}

.post img {
	border-radius: 50%;
}

.post .post-title {
	font-size: var(--wp--preset--font-size--medium);
}

/* Search */
.search #footer {
	margin-top: 1.5rem;
}

@media (min-width: 768px) {
	.search #footer {
		margin-top: 3rem;
	}
}

/* Blocks */
.testimonial-carousel .card-title {
	margin-top: 0;
}

#volunteer {
	position: relative;
}

@media (min-width: 992px) {
	#volunteer {
		position: relative;
		margin-bottom: 140px;
	}

	.white-blocks {
		margin-bottom: -140px;
	}
}

.white-blocks .white-block {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 10px 25px #00000012;
}

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

.single {
	#footer {
		margin-top: var(--wp--preset--spacing--40);
	}
}

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

@media (min-width: 1200px) {
	.header__navbar .button-1 {
			margin-right: .5rem;
	}
}

a.wp-block-button__link:hover,
a.wp-block-button__link:active {
    color: #fff;
}