/* ==========================================================================
   The basic stylesheets for the Kana AT theme are pulled from the Drupal
   modules and base theme and from the Boilerplate distribution and therefore 
  follow whatever arrangement the authors of those pieces used. The overrides 
  that we use to create the specific look and feel follow a SMACSS organization. 
   - layout: page wireframe (container widths and floats, etc)
   - modules: the individual page elements that fit within the wireframe (look
              and feel of the search box, the hero area, etc). Most CSS is here.
   - styles: basic text styles, colors and such that apply to multiple modules
   - states: media queries and styles that change depending on state.

This stylesheet is looks and feel of buttons etc
   - some admin stuff
   - headings
   - buttons, cta
==============================================================================*/


#admin-menu {
  font-size: 18px;
}

#edit-conditions-selector {
  max-width: 300px;
}

/* ======================================================
*  Headings 
*   ======================================================*/

h1 {
	font-family: 'Open Sans', sans-serif;
	font-weight:normal;
}
h1, h2, h3, h4 {
		font-family: 'Open Sans Condensed', sans-serif;
		line-height:1.25em;
		font-weight: 100;
	}
	
	h6 {
		font-family: 'Open Sans Condensed', sans-serif;
		font-size: 18px;
		font-weight: 100;
	}
	
	.row h2 {
		padding:5px 0;
		 border-bottom: 1px dotted #000000;
		 margin-bottom:30px;
	}
	
	#product h2 {
		border:0;
	}
  
/* ==========================================================================
   buttons
   ========================================================================== */

.btn-cta {
	/*background: url("/images/btn-red.jpg") repeat-x left bottom rgb(185, 18, 18);*/ padding: 8px; border-radius: 3px; border: 0px currentColor; height: auto; color: rgb(255, 255, 255) !important; font-size: 120% !important; font-weight: bold; margin-top: 2px; display: inline-block; /*white-space: nowrap;*/ box-shadow: 1px 1px 2px #888; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #888; -moz-box-shadow: 1px 1px 2px #888;
}
.btn-cta a {
	padding: 5px 10px 3px; color: rgb(255, 255, 255) !important;
}

.btn-cta:hover, .btn-cta-home:hover {
    background-position: left top;
}

.btn-cta-footer {
	/*background: url("/images/btn-red.jpg") repeat-x left bottom rgb(185, 18, 18);*/ padding: 8px; border-radius: 3px; border: 0px currentColor; height: 16px; color: rgb(255, 255, 255) !important; font-size: 90% !important; font-weight: bold; margin-top: 2px; display: inline-block; box-shadow: 1px 1px 2px #888; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 1px 1px 2px #888; -moz-box-shadow: 1px 1px 2px #888;
}
.btn-cta-footer a {
	padding: 5px 10px 3px; color: rgb(255, 255, 255) !important;
}