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

figure{
	margin: 0em;
}

strong,
.woocommerce-checkout label{
	font-weight: 600;
}

/************************************** 
/*            Woo fixes               */
/**************************************/

.woocommerce-form-login .input-text{
	margin-block-start: 0px !important;
	padding-block: 10px !important;
}

.woocommerce .before-checkout{
	background-color: var(--bg-light) !important;
	padding: var(--space-m);
}

.woocommerce .before-checkout .woocommerce-form-login__submit{
	border: 1px solid var(--base);
	background-color: transparent !important;
	padding-inline: 40px;
}

.woocommerce .before-checkout .woocommerce-form-login__submit:hover{
	background-color: var(--secondary) !important;
}

.wc_payment_methods{
	background-color: var(--secondary);
    padding-block: 10px;
    padding-inline: 5px;
}
.payment_method_stripe{
	background-color: var(--secondary)
}

/************************************** 
/*        Learndash focus mode       */
/**************************************/

.ld-focus-sidebar,
.ld-focus-sidebar-wrapper,
.ld-lesson-item,
.ld-breadcrumbs{
	background-color: var(--secondary) !important;	
}

.ld-lesson-item{
	border-bottom: 1px solid var(--primary-medium) !important;
}

body,
.ld-focus-main,
.ld-tab-content,
.learndash-wrapper,
.ld-topic-list{
	background-color: var(--secondary-ultra-light) !important;	
}

.ld-tabs-content h2,
.ld-tabs-content h3,
.ld-tabs-content h4,
.ld-tabs-content h5{
	margin-top: 1.2em;
	margin-bottom: 16px;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper):not(.learndash-wrapper--modern) .ld-button.ld-button-transparent:hover,
.learndash-wrapper .ld-focus .ld-focus-header .sfwd-mark-complete .learndash_mark_complete_button:not(.ld--ignore-inline-css)
{
	border-radius: 0px;
	outline-color:transparent !important;
	background-color: var(--secondary-ultra-light) !important;
}

/************************************** 
/*        Animation overriding        */
/**************************************/
@-webkit-keyframes cwd_fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,30px,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

@keyframes cwd_fadeInUp {
	0% {
		opacity: 0;
		transform: translate3d(0,30px,0)
	}

	to {
		opacity: 1;
		transform: translateZ(0)
	}
}

.brx-body .brx-animate-fadeInUp {
	animation-name: cwd_fadeInUp
}

@-webkit-keyframes cwd_fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes cwd_fadeInLeft {
    0% {
        opacity: 0;
        transform: translate3d(-30px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.brx-body .brx-animate-fadeInLeft {
    animation-name: cwd_fadeInLeft
}

@-webkit-keyframes cwd_fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes cwd_fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(30px,0,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.brx-body .brx-animate-fadeInRight {
    animation-name: cwd_fadeInRight
}

@-webkit-keyframes cwd_fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

@keyframes cwd_fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-30px,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}

.brx-body .brx-animate-fadeInDown {
    animation-name: cwd_fadeInDown
}