/*

Theme Name: Shop Isle Pro Child

Theme URI: https://www.themeisle.com/ 

Description: This is a custom child theme I have created.

Author: ThemeIsle

URI: https://www.themeisle.com/ 

Template: shop-isle-pro

Version: 1.1.31

*/



@media (max-width: 1199px) {
	.navbar-toggle {
		display: table-cell;
		float: none;
		width: 44px;
		vertical-align: middle;
		cursor: pointer;
	}

	.navbar-header {
		display: table !important;
		width: 100%;
		min-height: 50px;
	}

	.navbar-fixed-top .navbar-collapse {
		float: left;
		position: absolute;
		z-index: 9999999;
		top: 100%;
		left: 0;
		width: 100%;
		background: #1b1b1b;
	}

	.header-container {
		width: 100%;
	}
	.navbar-header {
		margin-right: 0;
		padding-right: 0;
	}

/* Navbar */

	.navbar-custom .navbar-nav {
		width: 100%;
		margin-top: 1px;
		margin-bottom: 0;
		letter-spacing: 3px;
	}

	.navbar-custom li > a:hover {
		background: rgba(255, 255, 255, 0.1) !important;
	}

	.navbar-custom .navbar-nav .open .sub-menu .menu-item-has-children-header,
	.navbar-custom .navbar-nav .open .sub-menu > li > a,
	.navbar-custom .navbar-nav .open .children .menu-item-has-children-header,
	.navbar-custom .navbar-nav .open .children > li > a {
		padding: 10px 25px;
	}

	.navbar-custom .navbar-nav .open .sub-menu .sub-menu .menu-item-has-children-header,
	.navbar-custom .navbar-nav .open .sub-menu .sub-menu > li > a,
	.navbar-custom .navbar-nav .open .children .sub-menu .menu-item-has-children-header,
	.navbar-custom .navbar-nav .open .children .sub-menu > li > a {
		padding: 10px 35px;
	}

	.navbar-custom li a,
	.navbar-custom .menu-item-has-children-search {
		border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
	}

	.navbar-custom .menu-item-has-children-toggle:after,
	.navbar-custom .sub-menu .menu-item-has-children-toggle:after,
	.navbar-custom .children .menu-item-has-children-toggle:after {
		right: 7px;
		content: "\f107";
	}

	.navbar-custom .nav > .open > .dropdown-toggle:after,
	.navbar-custom .sub-menu .menu-item-has-children.open .menu-item-has-children-toggle:after,
	.navbar-custom .children .menu-item-has-children.open .menu-item-has-children-toggle:after {
		right: 7px;
		content: "\f106";
	}
	
/* Shop navbar */

	.navbar-custom .navbar-nav > li:last-child.navbar-cart > a {
		padding-left: 15px;
	}

	.navbar-custom .navbar-cart-item a {
		border: 0 !important;
	}

	.sub-menu.cart-list,
	.children.cart-list {
		border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
		text-align: left;
	}
	.navbar-cart-item {
		padding-bottom: 10px;
		border: none;
		border-bottom: 1px solid rgba(73, 71, 71, 0.15) !important;
	}

	.navbar-cart-img {
		display: none;
	}

	.navbar-cart-title {
		margin-left: 0;
		padding: 0;
		white-space: normal;
	}

}


	/* Remove transparent */
	body.home .navbar-transparent {
		padding-top:0px;
		padding-bottom:0px;
		background: #333333 !important;
	}


.widget ul li:before {
	content: " " !important;
}

#berocket_aapf_widget-5, 
#berocket_aapf_widget-6,
#berocket_aapf_widget-9 {
	max-height:200px;
	overflow-y:scroll;
}

/* Frontpage top image text */
.home-full-height .hs-title-size-4 {
	font-size:7em;
	font-weight:700;
}

.home-full-height .hs-title-size-1 {
	font-weight:700;
	font-size:2.5em;
}

.home-full-height .btn.btn-border-w{
	border: 2px solid rgba(255, 255, 255, 0.75);
	font-weight:700;
	font-size:2em;
}

.navbar-custom .nav li > a {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.2rem;
}
.navbar-nav>li>a {
	padding: 5px 10px;
}





/* FILTER - desktop defaults */
.arpac-mobile-filter-button,
.arpac-mobile-filter-backdrop,
.arpac-mobile-filter-drawer {
    display: none;
}

@media (max-width: 767px) {
    .arpac-mobile-filter-button {
        display: block;
        width: 100%;
        margin: 0 0 20px;
        padding: 13px 16px;
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #fff;
        color: #333;
        font: inherit;
        font-weight: 600;
        text-align: left;
        cursor: pointer;
    }

    .arpac-mobile-filter-button::after {
        content: "☰";
        float: right;
    }

    .arpac-mobile-filter-backdrop {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 9998;
        background: rgba(0, 0, 0, 0.45);
    }

    .arpac-mobile-filter-backdrop[hidden] {
        display: none;
    }

    .arpac-mobile-filter-drawer {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 9999;

        width: min(86vw, 380px);
        height: 100vh;
        overflow-y: auto;

        padding: 20px;
        background: #fff;
        box-shadow: 0 0 30px rgba(0, 0, 0, 0.25);

        transform: translateX(-105%);
        transition: transform 0.25s ease;
    }

    body.arpac-filter-is-open .arpac-mobile-filter-drawer {
        transform: translateX(0);
    }

    body.arpac-filter-is-open {
        overflow: hidden;
    }

    .arpac-mobile-filter-close {
        display: block;
        width: 100%;
        margin: 0 0 20px;
        padding: 12px 14px;
        border: 1px solid #ddd;
        border-radius: 4px;
        background: #f7f7f7;
        color: #333;
        font: inherit;
        font-weight: 600;
        text-align: left;
        cursor: pointer;
    }

    .arpac-mobile-filter-close::after {
        content: "×";
        float: right;
        font-size: 22px;
        line-height: 1;
    }

    .arpac-mobile-filter-drawer .WOOF_Widget {
        margin: 0;
    }

    .arpac-mobile-filter-drawer .arpac-woof-price-filter {
        margin-bottom: 28px;
    }

    .arpac-mobile-filter-drawer .arpac-woof-price-filter h4 {
        margin: 0 0 16px;
    }
}



@media only screen and (max-width: 767px) {
	body .scroll-up[style*="display: block"] {
		display: block !important;
	}
}


