/**
* 1.GLOBAL
*/
body {
background: #fff;
color: #333;
font-family: Helvetica, Arial, sans-serif;
font-size: 0.9375em;
margin: 0;
padding: 0;
font-weight: 300;
line-height: 1.5;
word-wrap: break-word;
}

.hidden {
display: none;
}

/* apply a natural box model to all elements */
*, :before, :after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#colorbox, #colorbox * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

img {
border: 0; /* Removes border when inside 'a' element in IE6/7/8/9 FF3. */
-ms-interpolation-mode: bicubic; /* Improves image quality when scaled in IE7. */
width: auto; /* IE8 bug. Requires this to work properly with max-width in scaling images. */
max-width: 100%;
height: auto;
}

/*
* Corrects overflow displayed oddly in IE9
*/
svg: not(: root) {
overflow: hidden;
}

/* A modern clearfix for IE8 and up. Per http://css-tricks.com/snippets/css/clear-fix; */
.group:after, .clearfix:after, .view:after, .view-content:after, .region:after, .container:after, .block:after, .views-row:after, .node-type-podcast .field-name-field-image:after {
content: "";
display: table;
clear: both;
}


/* Typography */

h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height: 1.1em;
margin: 0 0 0.5em;
padding: 0;
}

h1 {
font-size: 2.25em;
margin: 0.5em 0;
}

h2, .view-grouping-header {
font-size: 2em;
}

h3 {
font-size: 1.25em;
}

h4, h5, h6 {
font-size: 1.25em;
font-weight: bold;
font-weight: 700;
line-height: 1.2em;
}

h5 {
font-size: 0.875em;
font-size: 0.875rem;
text-transform: uppercase;
}

.content-wrapper .content h2, .content-wrapper .content h3, .content-wrapper .content h4, .content-wrapper .content h5, .content-wrapper .content h6 {
  margin: 1.25rem 0;
  margin: 1.25rem 0;
}

.content-wrapper .content .view-content h2, .content-wrapper .content .view-content h3, .content-wrapper .content .view-content h4, .content-wrapper .content .view-content h5, .content-wrapper .content .view-content h6 {
margin-top: 0;
}

p, .by-line {
margin: 0 0 1.35em;
}

p:last-child {
margin-bottom: 0;
}

a {
text-decoration: none;
}

a: focus {
outline: thin dotted;
}

a:hover, a:active {
outline: 0;
}

/* apply common styling after reset.css */
li ul, li ol {
margin: 0;
}

ul, ol {
margin: 0 1.5em 1.5em 0;
padding-left: 1.5em;
}

.content-wrapper ul, .content-wrapper ol {
margin: 1.5em 0 1.25em;
padding: 0 0 0 2em;
}

ul {
list-style-type: disc;
}

ol {
list-style-type: decimal;
}

dl {
margin: 0 0 1.5em;
}

dl dt {
font-weight: 700;
}

dd {
margin-left: 1.5em;
}

hr {
border: 1px solid rgba(0,0,0,0.1);
clear: both;
float: none;
height: 1px;
margin: 0 0 1.4375em;
width: 100%;
}

fieldset {
background: rgba(0,0,0,0.02);
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
margin: 0 0 1.5em;
padding: 1em;
}

table {
max-width: 100%;
width: 100%;
margin: 1.5em 0;
}

th, tr, td {
vertical-align: middle;
}

th, td {
padding: 10px;
position: relative;
border: 1px solid #ddd;
}

.sticky-header th, .sticky-table th {
border-bottom: 3px solid #ddd;
padding-right: 1em;
text-align: left;
}


/* Layout stuff */

#header, #main, #footer, .content-wrapper, .custom-header {
position: relative;
}

#main {
min-height: 420px;
padding: 0;
}

#footer {
padding: 0;
}

/* menus and item lists */
.item-list ul, .item-list ul li, ul.menu, ul.menu li, ul.inline li {
margin: 0;
padding: 0;
list-style: none;
}

ul.inline {
clear: both;
}

/* admin tabs */
.tabs-wrapper {
margin: 1em 0 0;
}

/* tags */
.field-name-field-tags {
margin: 0 0 1.5em;
}

.field-name-field-tags .field-item {
margin: 0 1em 0 0;
}

.field-name-field-tags div {
display: inline;
}


/* FORMS */

ul.contextual-links li a {
font-size: 12px;
padding: 3px;
margin: 3px;
}

input, input[type="password"], input[type="text"], input[type="email"], textarea {
line-height: inherit;
padding: 8px 8px 7px;
height: auto;
border-radius: 3px;
box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);
max-width: 100%;
font-size: 1em;
}

input[type="submit"] {
text-transform: uppercase;
font-weight: bold;
font-size: 0.85em;
padding: 8px 25px;
border-radius: 5px;
background: #363636;
color: white;
margin: 0 10px 0 0;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

input[type="submit"]:hover {
background: #565656;
}

input[type="submit"]:active {
padding: 9px 25px 7px;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
background: #777;
}

.button a, .pager-load-more a {
  display: inline-block;
  background: #363636;
  color: #fff;
  padding: 1em 2em 0.9em;
  border-radius: 4px;
  line-height: 1em;
  font-weight: bold;
}

select {
  border: 1px solid #ddd;
  padding: 0.5em;
  font-size: 0.875em;
}

html.js input.form-autocomplete {
background-position: 100% 9px;
}

html.js input.throbbing {
background-position: 100% -18px;
}

.form-item label {
margin: 0 0 5px;
}

.form-item .description {
padding: 5px;
}

/* Per Safari’s CSS Reference: 
https://developer.apple.com/library/safari/documentation/appleapplications/reference/SafariCSSRef/Articles/StandardCSSProperties.html
iOS changes the appearance of buttons & controls to resemble a native apple UI. 
Add this code for comment & search forms to retain custom CSS styles:  */
input[type="submit"], input[type="password"], input[type="text"], input[type="email"] {
-webkit-appearance:none;
}


/* Drupal-specific */
.views-row, .block, .panel-pane, .container, .block-views {
position: relative;
}

.views-row {
list-style: none;
margin: 0;
}

.view-header, .view-footer, .views-row {
padding: 1em 0;
}

.field-label, .views-label {
font-weight: bold;
font-weight: 700;
}

.views-field-edit-node, .edit-link {
position: absolute;
top: 7px;
right: 7px;
font-size: 11px;
z-index: 2;
}

.messages {
margin: 1em 0;
}

.breadcrumb {
margin: 1em 0;
padding: 1em 0;
text-transform: uppercase;
font-size: 0.75em;
}

.item-list .pager {
margin: 1.5em 0;
}

.item-list .pager.pager-load-more {
  margin: 0.5em 0 3em;
}


/* A modern grid / flexbox */

.group {
position: relative;
display: -webkit-box;           /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;              /* OLD - Firefox 19- (doesn't work very well) */
display: -ms-flexbox;           /* TWEENER - IE 10 */
display: -webkit-flex;          /* NEW - Chrome */
display: flex;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.group > div {
margin: 0;
padding: 1em;
}

.group > div:last-child {
margin-right: 0;
}