/* 
Theme Name: Bratty Paws Theme
Theme URI: https://brattypaws.com/
Description: Bratty Paws Theme is a child theme for the Hello theme
Author: Pele Development
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: bratty-paws-theme
*/


/*
var(--hero-height)
var(--hero-height-mobile)
*/

input[type="checkbox"] {
	accent-color: var(--e-global-color-83597ae) !important;
}

#ee-single-page-checkout-dv input[type=radio], #ee-single-page-checkout-dv input[type=checkbox] {
	width: 18px !important;
	height: 18px !important;
}

body {
	--hero-height: clamp(380px, 40dvh, 500px);
	--hero-height-mobile: clamp(380px, 36dvh, 425px);
}

.event-content h2 {
	color: white !important;
}

.cart_item dl.variation {
	color: white !important;
	font-size: 13px !important;
}

.wapf-field-container {
	padding-bottom: 25px !important;
}

.wapf-field-label label {
	padding-bottom: 6px !important;
}

.label-above .wapf-field-label {
	margin-bottom: 6px !important;
}

#wp-admin-bar-app-logo img {
	max-height: 24px;
	margin-top: 5px;
}

#filter-calendar-form .ee-venue-select {
	display: none;
}

.frm_style_newsletter.with_frm_style.frm_inline_top .frm_submit::before, .frm_style_newsletter.with_frm_style .frm_submit.frm_inline_submit::before {
	padding: 0 !important;
	font-size: 12px !important;
}

.elementor-widget-woocommerce-cart .select2-container--default .select2-selection--single .select2-selection__rendered {
	text-align: left;
}

@media screen and (max-width: 600px) {
	/*
    table {width:100%;}
    thead {display: none;}
    tr:nth-of-type(2n) {background-color: inherit;}
    tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
    tbody td {display: block;  text-align:center;}
    tbody td:before { 
        content: attr(data-th); 
        display: block;
        text-align:center;  
    }
*/
	
	#espresso_calendar .fc-header-right {
		width: 160px;
	}
	
	#espresso_calendar .fc-event-title {
		font-size: 13px;
		max-height: 4.5em !important; /* controls the number of lines of text in event title */
		display: inherit;
		padding-top: 2px;
	}
	
	/*
	#espresso_calendar .time-display-block {
		padding-left: 6px;
		font-size: 14px;
		line-height: 0.5em;
		display: inherit;
	}*/
	
	#espresso_calendar .fc-button-agendaWeek {
		display: none;
	}
	
	#espresso_calendar .fc-button-month , #espresso_calendar .fc-button-agendaDay {
		display: inline-block;
	}
	
	
	td.fc-header-center {
		position: absolute;
		text-align: center;
		margin: -35px auto 0 auto;
		width: 50%;
	}
	

	#espresso_calendar .fc-event {
		min-height: auto !important;
		max-height: 5em !important;
	}
	
	ul#ee-category-legend-ul {
		padding: 0 1rem;
	}
	
	.ee-filter-form {
		padding: 0 9px;
	}
}

.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top {
	color: white;
}

.with_frm_style .frm_form_field select {
	border-radius: 25px;
}

.site-main .with_frm_style .frm_inside_container > label {
	top: calc(var(--field-height)/1.3);
}

.site-main .with_frm_style .frm_inside_container.frm_label_float_top > label {
	color: white;
	top: -3px;
	font-size: 15px;
}

form label {
	padding-bottom: 12px;
}

form .button, .pmpro_btn {
	padding: 12px 32px;
}

.pmpro_login_wrap {
	margin-bottom: 0;
}

.pmpro_actions_nav {
	margin: 1rem 0 0 0;
}

.pmpro_actions_nav a:not(:first-of-type), .pmpro_actionlinks a:not(:first-of-type) {
	padding-left: 0.5rem;
}


.pmpro_actions_nav a:not(:last-of-type), .pmpro_actionlinks a:not(:last-of-type) {
	padding-right: 0.5rem;
}

.pmpro_actions_nav a:hover {
	color: var(--e-global-color-accent);
}

form.pmpro_form .lite {
	color: #aaa;
	margin-top: 10px;
}

.pmpro_form hr {
	margin: 1.5rem 0;
}

.pmpro_checkout-fields .pmpro_payment-expiration #ExpirationMonth {
	max-width: 100px;
	margin-right: 10px;
}

.pmpro_checkout-fields .pmpro_payment-expiration #ExpirationYear {
	max-width: 100px;
	margin-left: 10px;
}

#lostpasswordform {
	margin: 20px 0;
}

#pmpro_account .pmpro_box {
	display: flex;
	gap: 16px;
	flex-direction: column;
	border-top: none;
	margin: 0;
}

#pmpro_account .pmpro_box h3 {
	padding-bottom: 12px;
	border-bottom: 1px solid var(--e-global-color-accent);
}


#ee-single-page-checkout-dv {
	max-width: 1280px;
	margin: 2rem auto;
	padding: 0 2rem;
}

.site-main:not(.espresso_events) .page-header {
	display: none;
}

.bp-icon-box {
	padding: 32px 24px;
	border-radius: 10px;
	border: 1px solid #DBDBDB;
	background-color: white;
}

.bp-accent-text {
	color: var(--e-global-color-83597ae);
	font-weight: bold; font-size: 1.1em;
	letter-spacing: .02em;
}
.bp-box-shadow {
	 box-shadow: 0px 4px 24px 0px rgb(0 0 0 / 15%);
}

.e-n-tab-title {
	display: none;
}

.e-n-tabs-mobile>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading {
	display: inherit;
	flex-direction: column;
}

.e-n-tabs-content > .e-n-tab-title {
	display: none;
}

.e-n-tabs-mobile>.elementor-widget-container>.e-n-tabs>.e-n-tabs-heading > .e-n-tab-title {
	padding: 8px;
}




/******************
EE4 EVENTS LIST (SHORTCODE)
******************/
.pele-register .a_register_link_sold_out {
	background-color: #abc2d2;
	border-color: #abc2d2;
}

.pele-register .a_register_link_sold_out:hover {
	background-color: #abc2d2;
}


/* hide comments */
.espresso_events #comments {
	display: none;
}

/* add fonts */
/* paragraph and li elements */
.espresso_events p, .espresso_events li {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-weight: var(--e-global-typography-text-font-weight);
}

/* event heading h2 */
.espresso_events h2 {
	color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight);
}

/* single event in list */
/*
.espresso_events {
	background-color: whitesmoke;
	padding: 32px;
	border-radius: 16px;
	border: solid 1px var(--e-global-color-bcc0e0d);
	margin-top: 48px;
	max-width: 800px;
}
*/

/* event header */ /*
.espresso_events .event-header a.ee-event-header-lnk {
	color: var(--e-global-color-primary);
	font-size: 1.5rem;
}

/* ticket table entirety */ /*
.espresso_events:not(.site-main) .tkt-slctr-tbl {
	max-width: 300px;
	width: fit-content;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;
}

/* ticket table wrap */ /*
.espresso_events:not(.site-main) .tkt-slctr-tbl-wrap-dv {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 8px;
}

/* event image wrap div */ /*
.espresso_events:not(.site-main) .ee-event-img-dv {
	float: right;
	width: 37%;
}
/* event image img */ /*
.espresso_events:not(.site-main) .ee-event-img-dv img {
	border-radius: 8px;
}

/* event info wrapper */ /*
.espresso_events:not(.site-main) .espresso-event-list-wrapper-dv {
	width: 60%;
}

/* ticket name */ /*
.espresso_events:not(.site-main) .tckt-slctr-tbl-td-name {
	display: none;
}

/* ticket price */
.espresso_events:not(.site-main) .tckt-slctr-tbl-td-price {
	padding: 12px 0;
	color: var(--e-global-color-83597ae);
	font-size: 22px;
	font-weight: 500;
}

.espresso_events .ticket-selector-submit-btn {
	padding: 10px 20px;
	background-color: var(--e-global-color-83597ae);
}

.tckt-slctr-tbl-td-price > span:last-child {
	display: none;
}

/* 
HIDE TABLE ELEMENTS
	... might want to find a better solution later than hide all of these.
	... custom built shortcode maybe?
*/
/* table heading ticket selector */ /*
.espresso_events:not(.site-main) .tkt-slctr-tbl-wrap-dv > table > thead {
	display: none;
}

/* table ticket name td */ /*
.espresso_events:not(.site-main) .tkt-slctr-tbl-wrap-dv td.tckt-slctr-tbl-td-name {
	border: none;
	background-color: transparent;
}

/* "show details" button */ /*
.espresso_events:not(.site-main) .tkt-slctr-tbl-wrap-dv td.tckt-slctr-tbl-td-name .display-tckt-slctr-tkt-details {
	display: none;
}

/* table ticket price td */ /*
.espresso_events:not(.site-main) .tkt-slctr-tbl-wrap-dv td.tckt-slctr-tbl-td-price {
	border: none;
	background-color: transparent;
}

/* table ticket price currency code */
.espresso_events:not(.site-main) .tkt-slctr-tbl-wrap-dv td.tckt-slctr-tbl-td-price .currency-code {
	display: none;
}

/* table ticket table description hide border */ /*
.espresso_events:not(.site-main) .tkt-slctr-tbl-wrap-dv .tckt-slctr-tkt-details-td {
	border: none;
}
/* 
END HIDE TABLE ELEMENTS
*/


/*
	May want to put some of these events shortcode changes in global ticket code below...
	We'll see.
*/
/******************
EE4 TICKET SELECTOR GLOGBAL
******************/
.ee-ticket-selector-ticket-qty-th {
	font-size: 0;
}

.ticket-selector-tbl-qty-slct {
	height: 20px;
	width: 20px;
}

/* quantity in event class list 
.ee-ticket-selector-ticket-qty-th, .tckt-slctr-tbl-td-qty {
	display: none;
} */


.ee-event-datetimes-ul .ee-event-datetimes-li {
	width: fit-content;
}

.espresso-notices, .espresso-ajax-notices {
	position: absolute;
	margin: 2rem 0 0 0;
}

/******************
EE4 REGISTRATION
******************/
.spco-payment-method-info-dv {
	max-width: 680px !important;
	margin: auto !important;
}

.spco-payment-method-hdr {
	color: white !important;
}


/******************
EE4 CHECKOUT
******************/
#ee-single-page-checkout-dv {
	padding: 0;
	margin: 0 auto;
}

#ee_user-login-input-dv {
	margin-bottom: 20px;
}

/******************
EE4 EVENTS CALENDAR
******************/
/* event on calendar */
#espresso_calendar:not(.ui-widget) .fc-event {
	border-radius: 6px;
}

/* top left cell of calendar table */
#espresso_calendar th.fc-widget-header.fc-first {
	border-top-left-radius: 8px;
}

/* bottom right cell of calendar table */
#espresso_calendar th.fc-widget-header.fc-last {
	border-top-right-radius: 8px;
}

/* bottom left cell of calendar table */
#espresso_calendar .fc-week.fc-last > td.fc-day.fc-first {
	border-bottom-left-radius: 8px;
}

/* bottom right cell of calendar table */
#espresso_calendar .fc-week.fc-last > td.fc-day.fc-last {
	border-bottom-right-radius: 8px;
}

/* buttons header calendar */
#espresso_calendar:not(.ui-widget) .fc-header .fc-button {
	border-radius: 4px;
}

/* buttons prev & next calendar */
#espresso_calendar:not(.ui-widget) .fc-button.fc-button-prev,
#espresso_calendar:not(.ui-widget) .fc-button.fc-button-next {
	border: none;
	font-size: 40px;
	line-height: 16px;
	height: 100%;
	margin-bottom: 16px;
}

/* buttons hover prev & next calendar */
#espresso_calendar:not(.ui-widget) .fc-button.fc-button-prev:hover,
#espresso_calendar:not(.ui-widget) .fc-button.fc-button-next:hover {
	border: none;
}

/* calendar top right buttons */
#espresso_calendar .fc-header-right {
	width: 208px;
}

/* category select box above calendar */
.ee-filter-form {
	display: inline-block;
	margin-top: 2px;
}

/* category legends above calendar */
#espresso-category-legend ul {
}

/* category legend a link */
#espresso-category-legend li a {
	padding: 6px 10px;
	display: inline-block;
}

/* category legend buttons */
#espresso-category-legend li {
	border-radius: 6px;
}

/* category legend above text */
#espresso-category-legend > p {
	display: none;
}

/* current day highlight */
#espresso_calendar:not(.ui-widget).calendar_fullsize .fc-state-highlight {
	background: #cfebff;
}



/* event list breakpoint tablet & mobile */
@media only screen and (max-width: 950px) {
	/* event image div */
	.espresso_events:not(.site-main) .ee-event-img-dv {
		float: none;
		width: inherit;
	}
	/* event image img */
	.espresso_events:not(.site-main) .ee-event-img-dv img {
		max-height: 35vw;
		object-fit: cover;
	}
	/* event content wrapper */
	.espresso_events:not(.site-main) .espresso-event-list-wrapper-dv {
		width: inherit;
	}
}

/* mobile adjustments class datetimes list item li */
@media only screen and (max-width: 678px) {
	.espresso_events .event-content {
		padding-right: 0;
	}
	.espresso_events .event-datetimes .ee-event-datetimes-ul {
		font-size: 14px;
	}
	.espresso_events .event-datetimes .dashicons {
		display: none;
	}
	.ee-clearfix .ee-event-datetimes-li {
		float: left;
	}
	.espresso_events .ee-event-datetimes-li {
		font-size: 16px;
	}
}

@media only screen and (max-width: 600px) {
	.espresso_events .event-datetimes .ee-clearfix .ee-event-datetimes-li {
		width: 50%;
	}
}

@media (max-width: 575px) {
    .page-header .entry-title,.site-footer .footer-inner,.site-footer:not(.dynamic-footer),.site-header .header-inner,.site-header:not(.dynamic-header),body:not([class*=elementor-page-]) .site-main {
        padding-right: 16px;
        padding-left: 16px;
        border-radius: 0;
        background-color: white;
        border: none;
    }
}

/* FANCY RADIO STYLES */
.elementor-kit-7 input[type="radio"], input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	border-radius: 50%;
	min-width: 20px;
	width: 20px;
	height: 20px;

	border: 2px solid #999;
	transition: 0.2s all linear;
	margin-right: 5px;

	position: relative;
	top: 1px;
}
.elementor-kit-7 input[type="radio"]:checked, input[type="radio"]:checked {
	border: 6px solid var(--e-global-color-83597ae);
	outline: unset !important;
}
.elementor-kit-7 input[type="radio"]:hover, input[type="radio"]:hover {
	border: 3px solid var(--e-global-color-accent);
	transition: 0.1s all linear;
	outline: unset !important;
}
.elementor-kit-7 input[type="radio"]:checked:hover, input[type="radio"]:checked:hover {
	border: 6px solid var(--e-global-color-accent);
	outline: unset !important;
}

/* WOOCOMMERCE NOTICE STYLES */
.woocommerce-notices-wrapper {
    position: fixed;
    bottom: 20px;
    z-index: 420;
    width: 100%;
}

.woocommerce-notices-wrapper .woocommerce-message, .woocommerce-notices-wrapper .woocommerce-info {
	border-top-color: var(--e-global-color-83597ae);
	max-width: 1000px;
    display: flex;
    flex-direction: row-reverse;
    border-radius: 12px;
    margin: auto;
    justify-content: space-between;
    align-items: center;
}

.woocommerce-notices-wrapper .woocommerce-message::before, .woocommerce-notices-wrapper .woocommerce-info::before {
	color: var(--e-global-color-83597ae);
	top: 1.4em;
}

.woocommerce-page .woocommerce-message .button {
	min-width: max-content;
}

#ship-to-different-address label span {
    color: black;
}

label.Label {
	color: white;
}

.woocommerce-thankyou-order-received {
	text-align: center;
    font-size: 20px;
    margin-top: 20px;
}

.mailpoet_page .page-content {
	padding: 29.6dvh 0;
    text-align: center;
}

.woocommerce-terms-and-conditions-wrapper {
	display: none !important;
}

.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler {
	fill: white;
}