/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

html {
    scroll-padding-top: var(--sm);
}
#header * {
	transition: all .3s ease;
}
@media (max-width: 766px) {
	.bricks-shape-divider-inner {
		height: var(--2xl) !important;
	}
	.mobile-none {
		display: none !important;
	}
	.bricks-video-overlay-icon {
		display: none !important;
	}
}
h2.wp-block-heading,
h3.wp-block-heading,
h4.wp-block-heading,
.brxe-post-content p {
	margin-top: var(--lg);
	margin-bottom: var(--xs);
}
h2.wp-block-heading {
	font-size: var(--H2-sm);
}
h3.wp-block-heading {
	font-size: var(--H3-sm);
}
h4.wp-block-heading {
	font-size: var(--H4-sm);
}
#cta-home a {
	color: rgba(0,0,0,.7);
}
.brxe-post-content p {
	margin-top: unset;
}
.brxe-post-content a {
	color: var(--primary-100-l-1);
	text-decoration: underline;
}
.footer-columns a:hover {
	text-decoration: underline;
} 
#nav .brx-nav-nested-items > li > a:hover {
	color: var(--primary-100-l-1);
}

/* WIDE GALLERY CAROUSEL STYLES */

#wide-gallery .swiper-slide {
    aspect-ratio: 3 / 4 !important;
    overflow: hidden;
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
    border-radius: var(--sm);
}
#wide-gallery .swiper-slide a, 
#wide-gallery .swiper-slide a img {
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
@media (min-width: 992px) {
	#wide-gallery .swiper-slide {
		position: relative;
	}
	#wide-gallery .bricks-swiper-container {
		overflow: visible !important;
	}
	#wide-gallery .swiper-slide:nth-child(odd) {
		bottom: 60px;
	}
}