/******************************************************************************************
*	Offcavas
******************************************************************************************/

/* OFFCANVAS LAYOUT */
#sira-offcanvas.offcanvas{
	background: rgba(255,255,255, 1);
	color: #222222;
}
#sira-offcanvas.offcanvas .offcanvas-header{
	border-bottom:1px solid #e2e2e2;
}
#sira-offcanvas.offcanvas .offcanvas-header .woocommerce-result-count{
	font-size:.75rem;
	text-transform: uppercase;
}

#sira-offcanvas.offcanvas .offcanvas-header h5.offcanvas-title {
    color: #222222 !important;
}
#sira-offcanvas.offcanvas .offcanvas-header button.btn-close {
    color: #222222 !important;
    font-size: 1.5em;
    background: none;
}
#sira-offcanvas.offcanvas .offcanvas-header button.btn-close:focus {
    box-shadow: 0 0 0 0;
}
#sira-offcanvas.offcanvas img{
	width: 60%;
}
@media (max-width: 992px) {
	#sira-offcanvas.offcanvas img{
		width: 45%;
	}
}

/* OFFCANVAS CONTAINER LARGE */
#sira-offcanvas.offcanvas .offcanvas-container-lg{
	margin-top: 35px;
	padding: 0 20px;
	text-align: center;
	font-weight: 300;
}

/* OFFCANVAS NAV */
#sira-offcanvas.offcanvas .offcanvas-main-menu-container{
	margin-top: 35px;
	padding: 0 20px;
}
#sira-offcanvas.offcanvas .offcanvas-main-menu-container ul.offcanvas-navbar{
	margin: 0;
	padding: 0;
	list-style: none;
}
#sira-offcanvas.offcanvas .offcanvas-main-menu-container ul.offcanvas-navbar li{
	padding: 0;
}
#sira-offcanvas.offcanvas .offcanvas-main-menu-container ul.offcanvas-navbar li a{
	position: relative;
	text-decoration: none;
	color: var(--color-link-primary);
	transition: var(--transition-primary);
	display: block;
	width: 100%;
	padding: 10px 0;
	border-bottom: 1px dashed #d5d5d5;
}
#sira-offcanvas.offcanvas .offcanvas-main-menu-container ul.offcanvas-navbar li a:hover{
	text-decoration: none;
	color: var(--color-link-secondary);
}
#sira-offcanvas.offcanvas .offcanvas-main-menu-container ul.offcanvas-navbar li.menu-item-has-children a::after {
    position: absolute;
    color: var(--color-tertiary);
    font-family: 'Font Awesome 5 Pro';
    right: 0;
	transition: var(--transition-primary);
}

#sira-offcanvas.offcanvas .offcanvas-main-menu-container ul.offcanvas-navbar li.menu-item-has-children a.collapse-caller[aria-expanded="false"]::after{
    content: "\f077";
	transform: rotate(180deg);
}

#sira-offcanvas.offcanvas .offcanvas-main-menu-container ul.offcanvas-navbar li.menu-item-has-children a.collapse-caller[aria-expanded="true"]::after{
    content: "\f068";
	transform: rotate(0deg);
}




/* OFFCANVAS LEFT */
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget .wc-block-components-price-slider,
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget .wc-block-stock-filter {
    margin-bottom: 0;
}
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget{
	margin-bottom:1.8rem;
	border-bottom: 1px dashed #d5d5d5;
	padding-bottom:25px;
}
#sira-offcanvas.offcanvas .offcanvas-left-wrapper{
	display:none;
}
#sira-offcanvas.offcanvas .offcanvas-left-wrapper h3{
	font-size: .815rem;
	font-weight: var(--font-weight-secondary);
	text-transform: uppercase;
}
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    border-radius: 0;
    border-width: 0;
    max-width: unset;
    width: auto;
}

#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget button.wc-block-components-filter-reset-button,
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget .wc-block-price-filter__button.wc-block-components-price-slider__button,
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button{
    background: #151515;
    color: white;
    padding: 0.5em 1em;
    text-decoration: none;
    transition: var(--transition-primary);
    text-transform: uppercase;
    font-size: 0.7rem;
}
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget button.wc-block-components-filter-reset-button:hover,
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget .wc-block-price-filter__button.wc-block-components-price-slider__button:hover,
#sira-offcanvas.offcanvas .offcanvas-left-wrapper .shop-offcanvas-filter-widget .wc-block-attribute-filter__actions .wc-block-filter-submit-button.wc-block-components-filter-submit-button.wc-block-attribute-filter__button:hover{
    background: #545454;
    color: white;
}


/* OFFCANVAS FILTER */
#sira-offcanvas.offcanvas.offcanvas-end .offcanvas-wc-shop-filter,
#sira-offcanvas.offcanvas.offcanvas-top .offcanvas-wc-shop-filter,
#sira-offcanvas.offcanvas.offcanvas-bottom .offcanvas-wc-shop-filter{
	display: none;
}
#sira-offcanvas.offcanvas.offcanvas-start .offcanvas-left-wrapper{
	display: block;
}

#sira-offcanvas.offcanvas.offcanvas-start .offcanvas-header h5.offcanvas-title {
	margin: 0;
	line-height: 1;
	font-size: .9375rem;
	letter-spacing: .1em;
	font-weight: 600;
	text-transform: uppercase;
}

/* OFFCANVAS FOOTER */
#sira-offcanvas .offcanvas-footer ul.social{
	padding-left: 0;
	text-align: center;
}
#sira-offcanvas .offcanvas-footer ul.social li{
   list-style: none;
   display: inline-block;
}
#sira-offcanvas .offcanvas-footer ul.social li a{
   padding: 12px;
   font-size: 1.5em;
   transition: var(--transition-primary);
}
#sira-offcanvas .offcanvas-footer ul.social li a.facebook{
   color:#3b5998;
}
#sira-offcanvas .offcanvas-footer ul.social li a.instagram #insta {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
#sira-offcanvas .offcanvas-footer ul.social li a.whatsapp{
   color:#25d366;
}
#sira-offcanvas .offcanvas-footer ul.social li a.tiktok .fa-tiktok {
	color: #111111;
	filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
#sira-offcanvas .offcanvas-footer ul.social li a.phone{
   color:var(--color-link-primary);
}
#sira-offcanvas .offcanvas-footer .contact{
	font-size: .75em;
	margin-bottom: 20px;
	color:var(--color-primary);
}
#sira-offcanvas .offcanvas-footer .contact a{
	color:var(--color-link-secondary);
}
#sira-offcanvas .offcanvas-footer .contact a:hover{
	color:var(--color-link-primary);
}
#sira-offcanvas .offcanvas-footer .credits{
	font-size: .65em;
	margin-bottom: 10px;
}
#sira-offcanvas .offcanvas-footer .credits a{
	color:var(--color-link-secondary);
}
#sira-offcanvas .offcanvas-footer .credits a:hover{
	color:var(--color-link-secondary);
}

/* LIGHT */
#sira-offcanvas .offcanvas-footer ul.social li a.facebook.light{
	color:#ffffff;
}
#sira-offcanvas .offcanvas-footer ul.social li a.facebook.light:hover{
	color:#3b5998;
}
#sira-offcanvas .offcanvas-footer ul.social li a.instagram.light #insta{
	background: radial-gradient(circle at 30% 107%, #ffffff 0%, #ffffff 5%, #ffffff 45%, #ffffff 60%, #ffffff 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
#sira-offcanvas .offcanvas-footer ul.social li a.instagram.light:hover #insta {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
#sira-offcanvas .offcanvas-footer ul.social li a.whatsapp.light{
	color:#ffffff;
}
#sira-offcanvas .offcanvas-footer ul.social li a.whatsapp.light:hover{
	color:#25d366;
}
#sira-offcanvas .offcanvas-footer ul.social li a.tiktok.light .fa-tiktok {
	color: #ffffff;
	filter: none;
}
#sira-offcanvas .offcanvas-footer ul.social li a.tiktok.light .fa-tiktok:hover {
	color: #111111;
	filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
#sira-offcanvas .offcanvas-footer ul.social li a.phone.light{
	color:#fff;
}
#sira-offcanvas .offcanvas-footer ul.social li a.phone.light:hover{
	color:#9e7d2c;
}


/* DARK */
#sira-offcanvas .offcanvas-footer ul.social li a.facebook.dark{
	color:#373737;
}
#sira-offcanvas .offcanvas-footer ul.social li a.facebook.dark:hover{
	color:#3b5998;
}
#sira-offcanvas .offcanvas-footer ul.social li a.instagram.dark #insta{
	background: radial-gradient(circle at 30% 107%, #373737 0%, #373737 5%, #373737 45%, #373737 60%, #373737 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
#sira-offcanvas .offcanvas-footer ul.social li a.instagram.dark:hover #insta {
	background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
	-webkit-background-clip: text;
	/* Also define standard property for compatibility */
	background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 1em; /* change this to change the size*/
}
#sira-offcanvas .offcanvas-footer ul.social li a.whatsapp.dark{
	color:#373737;
}
#sira-offcanvas .offcanvas-footer ul.social li a.whatsapp.dark:hover{
	color:#25d366;
}
#sira-offcanvas .offcanvas-footer ul.social li a.tiktok.dark .fa-tiktok {
	color: #373737;
	filter: none;
}
#sira-offcanvas .offcanvas-footer ul.social li a.tiktok.dark .fa-tiktok:hover {
	color: #111111;
	filter: drop-shadow(2px 0px 0px #FD3E3E) drop-shadow(-2px -2px 0px #4DE8F4);
}
#sira-offcanvas .offcanvas-footer ul.social li a.phone.dark{
	color:#373737;
}
#sira-offcanvas .offcanvas-footer ul.social li a.phone.dark:hover{
	color: var(--color-tertiary);
}