/*
   Theme Name: Shopisle 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
   Version: 0.1 
   */

/* ------------------------------------------------------------------
Navbar
------------------------------------------------------------------- */

body.home .navbar-transparent {
background-color: rgba(0, 175, 239, 0.9) !important;
}/*navbar colour when scroll up to top of page*/

.page .navbar-custom {
	background-color: rgba(0, 175, 239, 0.9) !important;
}/*main navbar colour*/

.navbar-custom .sub-menu,
.navbar-custom .children {
	background: rgba(0, 102, 153, 0.9);
}/*navbar submenu background colour*/

.navbar-custom .nav li > a {
	color: rgba(255, 255, 255, 0.8);
} /*navigation link colour for all top level instances before hover*/

.navbar-custom .sub-menu > li > a,
.navbar-custom .children > li > a {
	padding: 11px 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
	color: rgba(255, 255, 255, 0.8);
	letter-spacing: 2px;
} /*navigation link colour for all sub menu items before hover*/

.navbar-custom .nav > li > a:focus,
.navbar-custom .nav > li > a:hover,
.navbar-custom .nav .open > a,
.navbar-custom .nav .open > a:focus,
.navbar-custom .nav .open > a:hover,
.navbar-custom .sub-menu > li > a:focus,
.navbar-custom .sub-menu > li > a:hover {
	color: #fff;
	background: none;
} /*navigation link colour for all instances on hover*/


.navbar-custom .sub-menu > li > a:hover,
.navbar-custom .children > li > a:hover {
	background: rgba(255, 255, 255, 0.2) !important;
} /*on hover background overlay for submenu items*/

.navbar-custom li > a:hover {
		background: rgba(255, 255, 255, 0.1) !important;
	} /*on hover background overlay for mobile dropdown menu items, but now it also puts overlay on desktop layout*/

#custom-collapse[style] {
   background: rgba(0, 102, 153, 0.9) !important;	
} /*mobile dropdown menu background colour*/
	
.navbar-collapse {
    border-top: 0px;
} /*border right at the top of the mobile dropdown menu, below navbar*/

@media (max-width: 767px) {
.navbar-custom li a,
.navbar-custom .menu-item-has-children-search {
		border-bottom: 1px solid rgba(255, 255, 255, 0.15) !important;
	} /*devider lines between mobile dropdown menu items*/
}




/* -------------------------------------------------------------------
Footer
------------------------------------------------------------------- */

footer.footer {
	display: none !important;
}