/* Style Over-Ride file for the Simple Shop Template. */
/* (C)2017 Endis Ltd. No permission is given to use this code, except on an Endis website. */

/* ############ Size of site logo image */
/* (For reference the entire desktop header is 127px high, unless there is a massive logo present) */
header .logo-icon img
{ 
	width:  auto !important; /* <<< mobile logo width */
	height: 40px !important; 
}
@media(min-width:467px){header .logo-icon img
{ 
	height: 50px !important; 
}}
@media(min-width:992px){header .logo-icon img
{ 
	height: 57px !important; 
}}
/* Gap between logo and top/bottom of screen  */
header div.logo-container 
{
	margin-top: 5px !important; /* <<< gap from top for mobile/tablet */
	margin-bottom: 5px !important; /* <<< gap from bottom for mobile/tablet */
}
@media(min-width:992px){header div.logo-container 
{
	margin-top: 10px !important; /* <<< gap from top for desktop */
	margin-bottom: 0 !important; /* <<< gap from bottom for desktop */
}}

/* ############ Mobile menu colours */
header section.slice_Header_L a.slicknav_btn
{
	background-color: #f5f5f5 !important; /* <<< colour of the menu bar */
}
header section.slice_Header_L .slicknav_icon-bar
{
	background-color: #25aae1 !important; /* <<< colour of the menu icon */
}
header section.slice_Header_L div.SlickNavCloseIcon
{
	color: #25aae1 !important; /* <<< colour of the menu close icon */
}

/* ############ Desktop/Mobile menu hover-over text-link color, top-link icons colour, footer email-link text color */
header i::before,
header li:hover > a,
header li:hover > a > a,
footer .footer-column-3 a
{
	color: #25aae1 !important; /* <<< header/footer icon/text-link color */
}

/* ############ Search box background colour */
header div.search-overlay
{
	background-color: #49616b !important; /* <<< Search box background colour */
}

/* ############ Quick branding of slice header-text. (All styles are outside of article content.) */
header section.slice_Header_L .logo-name,
header section.slice_Header_L .top-link-wrapper {display:none;}

/* ############ Various background colours */
header section.slice_Header_L
{
	background-color: #edf0f1 !important; /* <<< *light* header background colour here */
}
footer section.slice_FooterTop_L
{
	background-color: #edf0f1 !important; /* <<< *light* footer background colour here */
}
footer section.slice_Footer_L {
	background-color: #f8f8f8 !important; /* <<< *light* footer background colour here */
}

footer section.slice_Footer_L .footerbar {border: none !important;}

footer {background-color: #f8f8f8 !important; padding: 0 10px !important;}

/* social media links */
footer section.slice_FooterTop_L i::after {
	background-color:#75787b !important; 
	border-color:#75787b !important;
}

/* Make headers and footers simple on the shop by hiding loads of stuff */
/*
header section.slice_Header_L div.nav-menu ul.root_menu > li:not(:first-child),
header section.slice_Header_L ul.slicknav_nav > li:not(:first-child),
header section.slice_Header_L div.top-link-wrapper,
footer section.slice_FooterTop_L {display: none !important;}
footer section.slice_Footer_L .footerbar {border: none !important;}
*/
/*header section.slice_Header_L div.slicknav_menu {display: block !important;}*/

/* Put an image on the header */
/*
header section.slice_Header_L {
	background-image: url(../images/C3Banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
*/

/* Quick style shop colours */

/* set all text links */
section[class^="slice_Shop"] a,
section.slice_ShopBasket td {color: #25aae1 !important;}

/* Set all input buttons */
input.sitebutton, input.SiteButton, input.button {
	color: white !important;
	background-color: #25aae1 !important;
	border-color: #25aae1 !important;
}
/* Shop-Item more details buttons */
section.slice_ShopItemList div.buttonShopItemLink > a {
	color: white !important;
	background-color: #f05356 !important;
	border-color: #f05356 !important;
}

/* Shop nav/find/basket bar background colour - currently #f5f5f5 */
/*
section.slice_ShopCatNav div.container,
section.slice_ShopCatNav a.slicknav_btn,
section.slice_ShopCatNav ul,
section.slice_ShopCatNav ul a,
section.slice_ShopFind,
section.slice_ShopBasket {background-color: pink !important;}
*/

section.slice_ShopCatNav .slicknav_icon-bar {background-color: #25aae1 !important;} /* <<< colour of the menu icon #4acfc7 */
section.slice_ShopCatNav div.SlickNavCloseIcon,
section.slice_ShopBasketOverlay span#CloseBasketOverlay {color: #25aae1 !important;} /* <<< colour of the menu close icon #4acfc7 */

/* Fixes for input box issues */
body.OnSmallAppleDevice input[type="text"],
body.OnSmallAppleDevice textarea
{-webkit-appearance: none !important;}

/* Hide Author in ddls */
section.slice_ShopItemList select[id$="_ddlOrderColumn"] option {display:none;}
section.slice_ShopItemList select[id$="_ddlOrderColumn"] option[value="title"],
section.slice_ShopItemList select[id$="_ddlOrderColumn"] option[value="retail_price"]
{display:block;}

/* Stripe shop fixes */
section.slice_ShopCheckOut table#tblPaymentDetails div.new-card-details .whats-this {
  font-size:12px;
  line-height:1.5;
}
body .ui-tooltip { line-height:1.2 !important;}

section.slice_ShopCheckOut table.delivery-container table.AddressList_AddressTable td.AddressList_Address td:first-child,
section.slice_ShopCheckOut table.delivery-container table.AddressList_AddressTable td.AddressList_Address td:nth-child(2),
section.slice_ShopCheckOut table.delivery-container table.AddressList_AddressTable td.AddressList_Address td:nth-child(4)
{display:none;}

/*Align shop login page options to the left*/
div[id$=ctlShopLoginASCX_pnlLoginControls] h2 {
	text-align:left !important;
}