/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 28 2025 | 13:32:24 */
:root {
  --light: #F0F0F0; 		/* white */
  --dark: #33373B; 			/* black */
  --primary: #BCCCC8;     	/* Blue */
  --secondary: #A9873B;     /* light-brown */
  --accent: #5A3A14;        /* dark-brown */  
}

:root {
  --light: #F0F0F0; 		/* white */
  --dark: #33373B; 			/* black */
  --primary: #C08AC6; /*#C08AC6;    */ 	
  --secondary: #C08AC6;     
  --accent: #F98B96;         
}

.price, .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value, .wc-block-cart-item__remove-link{
	color: var(--light) !important;
	font-weight: bold;
}
.wc-block-components-product-name{
	color: var(--dark) !important;
}
.wc-block-components-quantity-selector__button.wc-block-components-quantity-selector__button--plus{
	display: none !important;
}
.wc-block-components-button__text:hover{
	color: var(--secondary) !important;
}
.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained:hover .wc-block-components-button__text{
	color: var(--secondary) !important;
}
.wc-block-grid.wp-block-product-new.wp-block-woocommerce-product-new.wc-block-product-new a, a:not(.button):not(.tab-content a){
	color: var(--light) !important;
}
body{
	font-size: 1.2em;
	font-weight: 600;
}







/* let the tab content scroll */
/* cannot use regex */
#tab_container_12 #tab-content_12.tab-content, #tab_container_156 #tab-content_156.tab-content{
    overflow: scroll !important;
}
/* make tabs take up full width and not wrap around to next line */
/* .wpsm_nav.wpsm_nav-tabs {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
} */
.wpsm_nav.wpsm_nav-tabs {
	flex-wrap: nowrap;
	justify-content: space-between;
}
.wpsm_nav.wpsm_nav-tabs > li {
	flex: 1 1 auto;
	min-width: 0; /* allow shrinking */
}
.wpsm_nav.wpsm_nav-tabs > li > a {
	display: block;
	text-align: center;
	padding: 10px 5px;
 	white-space: nowrap;       /* optional: prevent word breaking */
	overflow: hidden;
 	text-overflow: ellipsis;   /* optional: add ... when too small */
}

/* make links go on new lines */
.tabs-panel a{
	display: block;
	text-decoration: none;
}




/* wide screen */
@media screen and (min-width: 782px) {
    .live {
        height: 80vh !important;
    }

    .live .columns {
        height: 80vh !important;
		padding: 20px 0px;
    }

    .live .wp-block-column {
        height: 100% !important;
    }

    .live .wp-block-column>h3 {
        display: none !important;
        margin: 0px;
    }

    :root :where(.is-layout-flow)>* {
        margin-block-start: 0px;
        margin-block-end: 0;
    }

    [id^="tab_container_"] .tab-content {
        overflow-y: scroll !important;
        position: relative;
        height: 100%;
    }

    #live-video {
        width: 100% !important;
        height: 100% !important;
    }
	
	#chatbox-wrapper{
		height: 100%;	
	}
}

/* medium screens */
@media screen and (min-width: 916px) and (max-width: 1235px){
	[id^="myTab_"].wpsm_nav.wpsm_nav-tabs > li > a {
	  padding: 10px 5px !important;
	}
}


/* small screen */
@media screen and (max-width: 782px) {
	
    #live-video {
        width: 100% !important;
        height: 50vh !important;
    }
	
	/* center align tabs */
	[id^="tab_container_"] .wpsm_nav-tabs > li{
		float: left;
	}
/* 	[id^="myTab_"]{
		display: flex;
		margin-bottom: 0px;
	}
	[id^="myTab_"] li{
		flex: 1;
		text-align: center;
	} */
	#chatbox-wrapper{ 
		height: 80vh !important;
	}

	.entry-content .alignfull .wp-block-cover__inner-container, .entry-content .alignfull .wp-block-group__inner-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	
/* 	.chatbox{  */
	#chatbox-wrapper iframe{
		height: 100% !important; 
		max-height: none !important;
	}
	
	/* stop auto zoom - did not work*/
/* 	input,
	textarea,
	select {
	  font-size: 16px;
	} */
}



.tabs-panel {
    overflow: scroll !important;
	padding-bottom: 2rem;
}


[id^="tab_container_"] {
    height: 100% !important;
}
/* #tab_container_12 .tab-content {
    height: 90% !important;
} */
[id^="tab_container_"] .tab-content {
    height: 100% !important;
}





/* chatbox and buttons */
.wp-block-column {
  position: relative;
}

.chatbox{ 
	width: 100%; 
	border: none;
	background-color: white;
}



/* hide chatbox close button */
/* #controls{display:none !important;} */

#chatbox-wrapper{
	position: absolute; 
	top: 0; 
	left: 100vw; /*hidden*/
/* 	left: 0px; */ /*visible */
	width: 100%; 
/* 	height: 100%;  */
	transition: left 0.5s ease; 
	z-index: 1;
}

#chat-button{
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
    margin-bottom: 0;
    background-color: #b8cdc6;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: var(--secondary);
    color: var(--dark);
}
#chat-button a{
	background-color: rgba(0,0,0,0) !important;
	padding: 5px 10px;
}

[id^="chat-button"]:hover{
	background-color: var(--primary);
}


#back-button{
	position: absolute; top: 0px; right: 5px; z-index: 10;
	background-color: var(--secondary);
	color: var(--dark);
	font-size: 0.75rem;
	padding: 5px 10px;
}
#back-button:hover{
	background-color: var(--primary);
}