/* ============================================================

    Big Mallet's Redpill
	Version: 1.0
	URL: http://bigmallet.co.uk
	
	Base theme just adds some space and rewrites so drupal stuff

============================================================ */

* {
	/*margin: 0;lets just use the browser margins*/ 
	padding: 0;
	border: 0;	
}

/** + * {
	margin-top: 1.5em;	
}*/

body {
	font-family: sans-serif;
	font-size: 1em;
	line-height: 1.5;
	color: #333;
		
}
/* forms */
button, input, select, textarea {
	padding: 0.5em;
	border: 2px solid #666;
	font-size: 1em;
	line-height: inherit;
	cursor: pointer;
		
}


ul ul, ol ol, ol ul, ul ol {
	margin-left: 1em;	
}

img {
	width: 100%;
	max-width:100%;
	height: auto;	
}


.navigation img {
	display: none;	
}

.logo__img, .img--svg, .img--png {
  width: auto;
}


/* Simon hacks - fix shortcut menu */
.toolbar ul {
  max-width: initial;
}

/* Sacha hack - We want to see visully hidden elements in the base theme but want them hidden in the drupal admin. */
.element-invisible, #toolbar-administration .visuallyhidden, #toolbar-administration .visually-hidden { 
  position: absolute; 
  overflow: hidden; 
  clip: rect(0 0 0 0); 
  height: 1px; width: 1px; 
  margin: -1px; padding: 0; border: 0; 
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


ul.tabs {
  margin: 0 0 0 0.75em;
}

.messages {
  clear: both;
}

.flex-direction-nav {
  clear: both;
}

.thumbnails {
  clear: both;
}

.thumbnails li {
  margin-top: 0;
}

.tabs li {
  float: left;
  display: block;
  margin: 0 0.75em 0.75em 0;
}


.tabs li a {
	display: block;
  padding: 0.5em;
  border-width: 1px;
  border-color: #c0c0c0;
  border-style: solid;
  color: #808080;
  text-align: center;
  text-decoration: none;
}

.tabs li a:hover, .tabs li a:active, .tabs li a:focus {
  	border-color: #019875;
}

.tabs li a.active {
	color: #fff;
	background: #019875;
	 border-color: #fff;
}


/* Messages */

/* !NOSCRIPT - for replacing js content with either plain html or warnings ================================ */
 noscript {
        background: #F39C12;
        text-align: center;
		color: #333;
}


/* !SYSTEM alert messages - overwriting the messages ================================ */

.messages {
  background-repeat: no-repeat;
  margin: 0.75em 0;
  border :0;
  padding: 12px; /* LTR */
}
.messages a, .messages a:visited {
   color: #333;
   text-decoration: underline;
}
.messages a:hover, .messages a:active, .messages a:focus {
       color: #fff;
}

.lt-ie8 .messages {
        zoom:1;
}


.status, .ok {
  color: #fff;
}
.status, table tr.ok {
  background-color: #019875;
}

.warning {
  color: #fff;
}
.warning,table tr.warning {
  background-color: #F39C12;
}


.error {
  color: #fff;
}
.error,
table tr.error {
  background-color:#EF4836;
}
.error p.error {
  color: #fff;
}

.messages ul {
  margin: 0 0 0 1em; /* LTR */
  padding: 0;
}
.messages ul li {
    margin-bottom: 0.5em;
    list-style-type: disc;
    list-style-image: none;
}

/* reset system form errors */
input.error, textarea.error, select.error {
    background: #fff;
    color:#EF4836;
    border-color:#EF4836 !important;
        
}

input.error:active, textarea.error:active, elect.error:active, input.error:focus, textarea.error:focus, elect.error:focus {
	color: #333;
}

/* Debug moduels ===================================== */
.messages .krumo-root {
	color: #333;
}

.krumo-root img {
	display: inline;
	margin: 0;
	width: auto;
}