/*
Theme Name: EF17
Theme URI: http://caffeineinformer.com/
Description: Created by James - Icon Fonts
Version: 17
Author: James Foster
*/




/******************************
   CAFFEINE PLUGIN STYLES
   *****************************/
/* See http://nicolasgallagher.com/pure-css-speech-bubbles/demo/  Also used on about page */


/******* Dropdown *****/

/******* My adjustments *******/

.icon-bar {
  display: block;margin-bottom:4px;
  width: 22px;
  height: 4px;
  background-color: #f9b7db; /* This is the colour of the menu icon bars */
  border-radius: 1px;
}

/*
.nav-btn { outline: none;
	color:#4F4E49;
	padding:5px 10px;
	float:left;
	font-size:20px; 
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} */
#nav-open-btn { /* This is the little menu border */
	float: right;
	margin: 1em;
	border: 1px solid #f9b7db;
	border-radius: 3px;padding: 5px 10px 0;}

#nav>ul { *zoom: 1; /* display: block;*/ margin: 0; padding: 0; }
#nav>ul:before, #nav ul:after { content: ""; display: table; }
#nav>ul:after { clear: both }
#nav ul li { display: block; margin:0; padding: 0; position: relative; }
#nav span.onefiftypercent { display: none; }
#nav span.sidemenuonly { display: inline-block; }

/* This is the sidemenu links */
#nav>ul>li.shop, #nav>ul>li a, #nav>ul>li.current{
  display: block;text-decoration:none;
/*  color: #ddd; */ 
	color: #fff;
	
  	line-height: 1.28571em;
  	outline: none;
 /*background: -moz-linear-gradient(center top , #1d1f5f, #151747) repeat scroll 0 0 transparent; 
    border-bottom: 1px solid #121212; */
	/*   */
	
    border-top: 1px solid #f9b7db;
	text-align: left;
	text-transform: lowercase;
	font-family: "Bree Serif", serif;
}
#nav ul.submenu {}
#nav ul.submenu >li a { margin-left: -1em;  } 

#nav>ul>li.current { background-color: none; }
#nav>ul>li a:hover{ background-color: #f9b7db; }

#nav>ul>li a:focus { color: #fff; background: rgba(255, 255, 255, 0.1); }
#nav .dropdown-menu { background-color: transparent; border: medium none; border-radius: 0; box-shadow: none; float: none; left: auto; max-width: none; padding: 0; position: static; top: auto;height:auto;overflow:hidden;max-height:0;transition:max-height 0.6s ease-in 0s;-webkit-transition:max-height 0.5s ease 0s;display:block !important; }
#nav .open > .dropdown-menu {max-height:50em !important;}
    #nav .dropdown-menu li > a { padding-left: 2.8em }
    
    /*** Feedback AJAX form CSS ***/
.iwacontact .ajax-loading,.iwacontact .ajax-feedback,.iwacontact .ajax-result { display: none; padding:1em;font-style:italic; }
.iwac_abval { border: none !important; height: 1px !important; width: 1px !important; margin: 0px !important; padding: 0px !important; }
.iwacontactform label {display: block;}


/** Slidebars **/
#sb-site, .sb-slidebar {
        margin: 0;
        padding: 0;
        -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
         box-sizing: border-box;
}




/* This is the sidebar */
.sb-slidebar {
        width: 75%; /* Slidebar width for older browsers that don't support media queries. */
        height: 100%; 
        overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
        position: fixed; z-index: 99;
        top: 0px; /* this is the height of the logo */
         /* Slidebars sit behind sb-site. */
        visibility: hidden; /* Initially hide the Slidebars. */
        padding:45px 0 0 0; /*Prevent android accidental click */
		
        background: #20236a;  /* Main colour of side menu */
}

.sb-slidebar .sidemenu { }
html.sb-android .sb-slidebar { /* Unfix Slidebars for Android Browser < 3 */
        height: auto;
        position: absolute;
}

.sb-left {
        left: 0;
}

.sb-right {
        right: 0;
}

html.sb-active-left .sb-left {
        visibility: visible;
}

html.sb-active-right .sb-right {
        visibility: visible;
}


/* ---------------
* 004 - Animation
*/

html.sb-anim-type-translate .sb-slide, html.sb-anim-type-side .sb-slide {
        -webkit-transition: -webkit-transform 400ms ease;
         -moz-transition: -moz-transform 400ms ease;
         -o-transition: -o-transform 400ms ease;
         transition: transform 400ms ease;
        -webkit-transition-property: -webkit-transform, left; /* Add 'left' for Android < 4.4 */
        -webkit-backface-visibility: hidden; /* Prevents flickering. */
}
  
  /******* Media Queries Start Here   640px = 40em 16px = 1em*******/
  
.visible-phone { display: none !important; }
.visible-tablet { display: none !important; }
.hidden-phone { }
.hidden-tablet { }
.hidden-desktop { display: none !important; }
.visible-desktop { display: inherit !important; }

/* 980px / 16px */
@media screen and (max-width: 61.25em) {
/* .sidebar{display:none;} */

}

/**** Tablets only ****/
@media (min-width: 43.125em) and (max-width: 61.25em) {
/*   .hidden-desktop { display: inherit !important; }
  .visible-desktop { display: none !important ; }
  .visible-tablet { display: inherit !important; }
  .hidden-tablet { display: none !important; } */
} 


@media screen and (max-width: 800px) {
	
	.hidden-desktop { display: inherit !important; }
	.visible-desktop { display: none !important; }
	.visible-phone { display: inherit !important; }
	.hidden-phone { display: none !important; }
	div#topmenu { 	top: -75px; /* height of logo  */ margin-bottom: -75px;background: none; width: auto; float: right; }
}

/*** Mobile Portrait < 480px   ***/
@media screen and (max-width: 29.9375em) {

}

.eq-ie7 .sidebar {float:right;width:300px;}
.eq-ie7 #main-content {float:left;width:620px;}