/* vim: set ts=2 sw=2 sts=2 et: */
/**
 * Flyout menus module CSS stylesheet
 *  
 * @category   X-Cart
 * @package    X-Cart
 * @subpackage CSS
 * @author     Ruslan R. Fazlyev <rrf@x-cart.com> 
 * @version    9368d3128150483d6d30d5c807740133f3f72f1b, v4 (xcart_4_6_2), 2013-10-31 10:02:50, main.css, random
 * @link       http://www.x-cart.com/
 * @see        ____file_see____
 */

/**
 * Layout 
 */
#caine_store-mobile-menu:not( .mm-menu ) {
	display: none;
}
.device_type_m #caine-nav-banner .container{
	display: none;
}

@media (min-width: 992px) {
	#caine_store-mobile-menu{
		display: none !important;
	}
	#store-mobile-toggler{
		display: none !important;
	}
}

.device_type_t.scroll-move-up #caine_filter_accordion,
.device_type_d.scroll-move-up #caine_filter_accordion {
    top: 118px !important;
}

.device_type_d.scroll-move-down #header {
    padding: 0 0 0 0 !important;
}


.device_type_t #caine_filter_accordion,
.device_type_d #caine_filter_accordion {
    top: 0px !important;
}


@media (max-width: 991px) {
	.device_type_d #caine-nav-banner .container,
	.device_type_t #caine-nav-banner .container {
		display: none;
	}
	
	.device_type_d #caine-nav-banner.fixed,
	.device_type_t #caine-nav-banner.fixed {
		/*background-color: #c8b08a;*/
	}

	.device_type_t.scroll-move-up #caine_filter_accordion, 
	.device_type_d.scroll-move-up #caine_filter_accordion,
	.device_type_m.scroll-move-up #caine_accordion-mobile {
		top: 60px !important;
	}
}


.device_type_d.scroll-move-down .navbar {
	/*padding: .1rem 1rem !important;*/
}

.device_type_t.scroll-pos-down.scroll-move-down .navbar .dropdown-menu,
.device_type_d.scroll-pos-down.scroll-move-down .navbar .dropdown-menu {
	top: 32px;
}


/*FLEX*/

.flex-fill {
    -ms-flex: 1 1 auto!important;
    flex: 1 1 auto!important;
}


/*NAV SCROLL*/

#caine-nav-banner .navbar {
    font-family: 'Merriweather Sans', sans-serif;
}

#caine-nav-banner .navbar-light .navbar-nav .nav-link {
    color: #a8926d;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}
#caine-nav-banner.scroll .navbar-light .navbar-nav .nav-link {
    color: #ffffff;
}

#caine-nav-banner.scroll {
	position:absolute;
	top:0;
	left:0;
	right:0;
	display:block;

	
}

#caine-nav-banner.scroll.ooo_active {
	top:26px;
}

.device_type_m #caine-nav-banner.scroll.ooo_active.ooo_mobile_double_h {
	top:51px;
}

#caine-nav-banner .logo-bar {
	padding-top:15px;
}

#caine-nav-banner.scroll .logo-bar .logo {
	display:inline-block;
	width:180px;
	height:62px;
	background: url(../img/logo-caine-leather.svg) no-repeat 0 0;
	position:relative;
	top:5px;
	margin-bottom:5px;
}

#caine-nav-banner.scroll .header-logo a {
	display:inline-block;
	width:130px;
	height:45px;
	background: url(../img/logo-caine-leather.svg) no-repeat 0 0;
	position:relative;
	top:3px;
}

#caine-nav-banner.scroll .mobile-cart a.cart-link {
	display:inline-block;
	width:24px;
	height:27px;
	background: url(../img/icon-bag.svg) no-repeat 0 0;
	position:relative;
	top:3px;
	left: 9px;
}

#caine-nav-banner.scroll .mobile-cart a.cart-link.full {
	background: url(../img/icon-bag-full.svg) no-repeat 0 0;
}

.flex-fill.caine-logo {
	text-align:center;
	width:33%;
}


#caine-nav-banner.scroll .logo-bar {
	color:#fff;
	letter-spacing:1px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	font-weight:500;
}
.logo-bar .logo {
    transition: all 0.5s ease;
}

#caine-nav-banner.scroll .delivery {
	padding-top:0;
	width:33%;
}

#caine-nav-banner.scroll .delivery a {
	color:#fff;
	text-decoration:none;
}

#caine-nav-banner.scroll .currency {
	padding-top:2;
	width:33%;
}


#caine-nav-banner.scroll .logo-bar .currency {
	text-align:right;
}


#caine-nav-banner.scroll a.flags-toggle {
	color:#fff;
	text-decoration:none;
}

#caine-nav-banner.scroll .nav a {
	color:#fff;
	text-decoration:none;
	font-size:20px;
	font-weight:500;
}

#caine-nav-banner.scroll .flags-inline.flag_GB {
    background: url(https://www.caineleather.co.uk/skin/caine2020/images/flags/flag_great_britain.png) no-repeat 0 0;
}

#caine-nav-banner.scroll .flags-toggle .flags-inline {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 4px;
	margin:0 3px 0 3px;
}

.button-van {
	display:inline-block;
	height:23px;
	width:23px;
	background: url(../img/icon-van.svg) no-repeat 0 0;
	position:relative;
	top:8px;
	margin-right:5px;
}

.button-bag {
	display:inline-block;
	height:23px;
	width:23px;
	background: url(../img/icon-bag.svg) no-repeat 0 0;
	position:relative;
	top:5px;
	/*margin-left:5px;*/
	margin-right:-4px;
}
.button-bag-full {
	background: url(../img/icon-bag-full.svg) no-repeat 0 0;
}

/*NAV STICKY*/
#caine-nav-banner {
    transition: all 0.8s;
}
#caine-nav-banner.fixed.sticky {
    transition: top 0.8s;
}
#caine-nav-banner.fixed.sticky.show {
    transition: top 0.8s;
}
#caine-nav-banner.fixed.sticky.hidden {
    transition: top 0.8s;
}
.device_type_m #caine-nav-banner.fixed {
	/*background-color: #c8b08a;*/
}



.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky.hidden {
  top: -118px;
}

#caine-nav-banner.fixed {
	background-color:#f5f5f5;
	z-index: 500;
	/*border-bottom: 1px solid #dfdfdf;*/
}

#caine-nav-banner.fixed .logo-bar {
	padding-top:10px;
}

#caine-nav-banner.fixed .header-logo a,
#caine-nav-banner.fixed .logo-bar .logo {
	display:inline-block;
	width:130px;
	height:45px;
	background: url(../img/logo-caine-leather-dark.svg) no-repeat 0 0;
	position:relative;
	top:3px;
}

#caine-nav-banner.fixed .mobile-cart a.cart-link {
	display:inline-block;
	width:24px;
	height:27px;
	background: url(../img/icon-bag-dark.svg) no-repeat 0 0;
	position:relative;
	top:3px;
	left: 9px;
}

#caine-nav-banner.fixed .mobile-cart a.cart-link.full {
	background: url(../img/icon-bag-full-dark.svg) no-repeat 0 0;
}

#caine-nav-banner.fixed .logo-bar {
	color:#282828;
	letter-spacing:1px;
	font-family: 'Merriweather', serif;
	font-size:14px;
	font-weight:500;
}

#caine-nav-banner.fixed .delivery {
	padding-top:0px;
	width:33%;
}

#caine-nav-banner.fixed .delivery a {
	color:#505050;
	text-decoration:none;
}

#caine-nav-banner.fixed .currency {
	padding-top:0px;
}

#caine-nav-banner.fixed .banner {
	background-image: url(https://www.caineleather.co.uk/skin/caine2020/images/custom/banner-men-all.jpg);
    background-size: cover;
    background-position: center top;
    height: 600px;
}

#caine-nav-banner.fixed .logo-bar .currency {
	text-align:right;
	width:33%;
}

#caine-nav-banner.fixed a.flags-toggle {
	color:#282828;
	text-decoration:none;
}

#caine-nav-banner.fixed .nav a {
	color:#a8926d;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
}

#caine-nav-banner.fixed .flags-inline.flag_GB {
    background: url(https://www.caineleather.co.uk/skin/caine2020/images/flags/flag_great_britain.png) no-repeat 0 0;
}

#caine-nav-banner.fixed .flags-toggle .flags-inline {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: relative;
    top: 4px;
	margin:0 3px 0 3px;
}


#caine-nav-banner.fixed .button-van {
	display:inline-block;
	height:26px;
	width:26px;
	background: url(../img/icon-van-dark.svg) no-repeat 0 0;
	position:relative;
	top:9px;
	margin-right:5px;
}

#caine-nav-banner.fixed .button-bag {
	display:inline-block;
	height:23px;
	width:23px;
	background: url(../img/icon-bag-dark.svg) no-repeat 0 0;
	position:relative;
	top:5px;
	margin-left:5px;
}
#caine-nav-banner.fixed .button-bag.button-bag-full {
	background: url(../img/icon-bag-full-dark.svg) no-repeat 0 0;
}


#caine-nav-banner .nav-item.active.dropdown {
    background-image: linear-gradient(to right, rgb(168, 146, 109) 100%, transparent 100%);
    background-position: 0 35px;
    background-repeat: repeat-x;
    background-size: 4px 4px;
}
#caine-nav-banner .nav-item.active {
    background-image: linear-gradient(to right, rgb(168, 146, 109) 100%, transparent 100%);
    background-position: 0 35px;
    background-repeat: repeat-x;
    background-size: 4px 4px;
}

#caine-nav-banner .navbar-light .navbar-nav .nav-link:hover {
	background-image: linear-gradient(to right, rgb(168, 146, 109) 100%, transparent 100%);
	background-position: 0 35px;
	background-repeat: repeat-x;
	background-size: 4px 4px;
}

#caine-nav-banner.scroll .nav-item.active.dropdown {
    background-image: linear-gradient(to right, rgb(255, 255, 255) 100%, transparent 100%);
}
#caine-nav-banner.scroll .nav-item.active {
    background-image: linear-gradient(to right, rgb(255, 255, 255) 100%, transparent 100%);
}
#caine-nav-banner.scroll .navbar-light .navbar-nav .nav-link:hover {
	background-image: linear-gradient(to right, rgb(255, 255, 255) 100%, transparent 100%);
}