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

@import url('./css/typography.css');
@import url('./css/nav.css');

body {
/* 	min-height: 100vh; */
}

.post-content a {
	&:hover {
		transition: var(--cubic-bezier-2);
	}
}

a,
input,
select,
textarea,
button,
.bricks-button {
	min-height: var(--interactable);
	min-width: var(--interactable);

	&:focus-visible {
		outline-style: solid;
		outline-offset: 0.2rem;
		outline-width: 0.2rem;
	}
}

input[type="checkbox"],
input[type="radio"] {
	min-height: calc(var(--interactable) * 0.75);
	min-width: calc(var(--interactable) * 0.75);
}

button,
.bricks-button,
.mpspx-button {
	transition: all ease-in-out 0.33s;
	
	&:hover {
		transition: all ease-in-out 0.33s;
	}

	&.bricks-background-dark:focus-visible {
		outline-style: solid;
		outline-offset: 0.2rem;
		outline-width: 0.2rem;
		outline-color: var(--bricks-color-bubswp); 
	}
}

*[disabled="disabled"],
*[disabled="disabled"]::placeholder {
	color: color: var(--bricks-color-bubswp)!important;
	background-image: none!important;
	background-color: var(--bricks-color-b0181e)!important;
	cursor: not-allowed;
	opacity: 1!important;
}

/* MPSPX Page Content */

.mpspx-page-wrapper.post-content {
	padding: var(--gap-l);
	max-width: 100%;
	width: 100%;
}

.mpspx-page-wrapper.post-content > section {
	max-width: calc(var(--max-viewport) * 1px);
	margin: 0 auto;
}

.mpspx-page-wrapper.mobile.d-md-none {
    display: none;
}

@media (max-width: 800px) {
    .mpspx-page-wrapper.mobile.d-md-none {
        display: block;
    }
}

.brxe-text,
.brxe-text-basic {
	a {
		text-decoration: underline;
		transition: all ease-in-out 0.33s;
		
		&:hover {
			color: var(--bricks-color-cofzee);
			transition: all ease-in-out 0.33s;
		}
	}
}

.brxe-shortcode {
	label {
		display: flex;
		flex-direction: row;
		align-content: flex-start;
		align-items: center;
		justify-content: flex-start;
		line-height: var(--interactable);
		margin: 0 0 var(--gap-s) 0;
		
		input {
			margin: 0 var(--gap-s) 0 0;
		}
	}
}

section,
footer {
	.menu-item.bricks-menu-item {
		margin-bottom: 1rem;
	}
	.brxe-text-link,
	.menu-item.bricks-menu-item a {
		position: relative;
		width: auto;
    	display: inline-flex;
	    text-decoration: none;
    }
	.brxe-text-link::after,
	.menu-item.bricks-menu-item a::after {
		content: '';
		position: absolute;
		width: 100%;
		height: 0.125rem;
		left: 0;
		bottom: -0.25rem;
		background-color: currentcolor;
		transform: scale(0);
		transform-origin: right;
		transition: transform 0.6s cubic-bezier(0.19,1,.22,1);
	}
	.brxe-text-link:hover::after,
    .menu-item.bricks-menu-item a:hover::after {
        transform: scale(1);
		transform-origin: left;
	}
}

.hover-underline,
.hover-underline.brxe-text-link {
	position: relative;
	width: auto;
	display: inline-flex;
	text-decoration: none!important;
}

.hover-underline::after,
.brxe-text-link.hover-underline::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 0.125rem;
	left: 0;
	bottom: -0.25rem;
	background-color: currentcolor;
	transform: scale(0);
	transform-origin: right;
	transition: transform 0.6s cubic-bezier(0.19,1,.22,1);
}

.hover-underline:hover::after,
.hover-underline.brxe-text-link:hover::after {
	transform: scale(1);
	transform-origin: left;
}