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

body.logged-in .blf-hidden-when-logged-in {
  display: none;
}

body:not(.logged-in) .blf-hidden-when-logged-out {
  display: none;
}

span.blf-current:has(span:empty) {
    display: none;
}

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

body.logged-in .blf-hidden-when-logged-in {
  display: none;
}

body:not(.logged-in) .blf-hidden-when-logged-out {
  display: none;
}

span.blf-current:has(span:empty) {
    display: none;
}

/* Button Styling */
[class*="_btn"] {
  background-color: var(--blf-lighter) !important;
  border-radius: var(--blf-br-7) !important;
  border: 0px !important;
  transition: all 0.3s ease-in-out;
  color: var(--blf-bright) !important;
  padding: 0.6em 1em !important;
}

[class*="_btn"]:hover{
    background-color: var(--blf-dark) !important;
}

span.blf-loader {
	--loader-size: 1.6em;
	
	transform: rotate(0);
	font-size: var(--loader-size);
	line-height: 0;
	display: inline-grid;	
	animation: 2s blfLoaderRoate linear infinite;
	position: relative;
	margin-right: 3px;
	translate: 0 .15em;
}

span.blf-loader span {
	transform: rotate(0);
	
}

@keyframes blfLoaderRoate {
	0% {
		transform: rotate(0deg);
	}
    100% {
		transform: rotate(360deg);
	}
}

/* Upload box */
form#creator-image-upload-form {
    display:  flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--blf-3020);
}

form#creator-image-upload-form p {
  text-align: center;
}

.blf-upload-field__wrapper {
    display:  flex;
    flex-direction: column;
    align-items: center;
    gap: var(--blf-3020);
}

.blf-upload-field {
    position: relative;
    display: flex;
    padding: var(--blf-3020);
    border: 1px dashed var(--blf-lighter);
    border-radius: var(--blf-br-7);
    background: var(--blf-white);
}

.blf-upload-field input {
    display: flex;
    flex-direction: column;
    margin-top: calc(var(--blf-3020) / 2);
    padding: var(--blf-8030);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.11) inset;
    border-radius: var(--blf-br-7);
    background: var(--blf-white);
}

.blf-upload-field>input{
    transition: all .3s;
}

.blf-upload-field>input.dragover {
    filter:  brightness(0.85) blur(2px);
}

.blf-rules-checkbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5em
}

.blf-rules-checkbox-wrapper label {
    margin-bottom: 0;
    color: var(--blf-typo);
}

/* PMP Form */
.pmpro_card {
  border: none !important;
  box-shadow: none !important;
}

.pmpro_form_fields p:empty {
  display: none;
}

.pmpro_card_content {
    /* padding: var(--blf-8030) !important; */
    padding: 0 !important;
}

@media (max-width: 768px) {
    .pmpro_card_content {
     /* padding: var(--blf-3020) !important; */
     padding: 0 !important;
    }
}

div#upload-message {
    text-align: center;
    margin-top: var(--blf-3020);
}

.pmpro_form_fields input {
    gap: var(--blf-3020) !important;
    border-style: solid;
    border-width: 1px;
    box-shadow: none;
    color: currentcolor;
    font-size: inherit;
    line-height: 40px;
    outline: none;
    padding: 0 12px;
    transition: var(--bricks-transition);
    width: 100%;
}

.pmpro br {
    display: none;
}

#pmpro_order_single-meta br {
    display: block;
}

.pmpro_form_field {
    width: 100% !important;
}

.pmpro label {
    font-size: var(--blf-font-subline);
    font-weight: 700 !important;
    color: var(--blf-typo);
}

.pmpro_card_title {
    padding: 0 !important;
}

/* .pmpro_form_submit {
  gap: 0 !important;
} */

.blf-fullwidth_btn {
    width: 100%;
    display: block;
    text-align: center;
}