/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

#page, .field-name-field-body ul {
	overflow: hidden;
}

/* General CSS */

figcaption {
  font-size:14px;
  line-height:16px;
  margin-bottom:16px;
  padding:14px;
  font: normal bold 12px/15px 'Arial';
}

html, body {
	font-family: 'Open Sans', Arial, sans-serif;
	color:#222;
  font-size: 16px;
}

body {
  background:url('images/bg-body.jpg') no-repeat center top #FFF;
  background-size: contain;
}

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

blockquote {
  padding-left:70px;
  margin-bottom:1.5em;
}

/**
 * Search
 */

.page-search ul.tabs.primary {display:none;}

/* Front Page */

.front ul.tabs.primary {display:none;}
.front .block-system-main {margin-bottom:0;}
.region-content {box-shadow: 0px 0px 17px #555;}


/**
 * Site-wide links
 */

a {
  -webkit-transition: color 0.3s ease-out;
     -moz-transition: color 0.3s ease-out;
       -o-transition: color 0.3s ease-out;
          transition: color 0.3s ease-out;
}

a, a:active, a:visited, a:link {
  color:#0066FF;
  text-decoration:none;
}

a:hover, a:focus {
	color:#82B9FF;
	text-decoration:underline;
}

/**
 * Pagers
 */

.item-list .pager li.first {
  margin-left:0px;
}

/**
 * Image Hover
 */

.zone-footer .content a:hover,
.zone-footer .content a:focus,
a img:hover,
a img:focus,
img#open-mmenu:hover,
img#open-mmenu:focus,
#site-name a:hover,
#site-name a:focus,
#superfish-1 a:hover,
#superfish-1 a:focus {
  -khtml-opacity: 0.5;
    -moz-opacity: 0.5;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
         opacity: 0.5;
          filter: alpha(opacity=50);
}

.zone-footer .content a,
a img,
img#open-mmenu,
#site-name a,
#superfish-1 a {
  -webkit-transition: opacity 300ms;
     -moz-transition: opacity 300ms;
       -o-transition: opacity 300ms;
      -ms-transition: opacity 300ms;
          transition: opacity 300ms;
}

/**
 * Float Image
 */

.floatright img,
.floatleft img {
  float:none !important;
  margin:12px auto !important;
  display:block;
}

/**
 * Titles
 */

h1.title {
  font-family:'Open Sans', Arial, sans-serif;
	font-size:30px;
	line-height:34px;
}

h1, h2, h3, h4, h5 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight:normal;
	margin-bottom:8px;
}

/**
 * Subtitles for Blog Posts
 */

.field-name-field-subtitle {
  font:20px/24px 'Open Sans';
  margin-bottom:12px;
  margin-top:-10px;
  color:#222;
}

.region-right-sidebar .field-name-field-subtitle {
  font:16px/15px 'Open Sans';
  margin-bottom:6px;
  margin-top:-4px;
  color:#444;

}

/**
 * Zones & Regions
 */

.zone-content {
  padding-bottom:40px;
}

.region-content-inner {
  background:url('images/white85.png');
  padding:16px;
}

.region-right-sidebar {
  padding-top: 400px;
}

.region-right-sidebar-inner .content {
  font-size: 13px;
  line-height: 15px;
}

.zone-footer-wrapper {
  background:url('images/stars.jpg') #000;
}

.zone-footer .content,
.zone-footer .block-inner {
  color:#FFF;
}

.zone-footer .content a, .zone-footer .content a:visited {
  color:#FFF;
  text-decoration:none;
  border-bottom:1px dotted #FFF;
}

/**
 * Menu Zone
 */

a#facebook, a#twitter {
  display:block;
  height:0px;
  width:0px;
  overflow:hidden;
  padding-top:32px;
  padding-left:32px;
}

a#facebook {
  background:url('images/facebook.png') no-repeat top left;
}

a#twitter {
  background:url('images/twitter.png') no-repeat top left;
}

.block.open-mmenu {display:block; margin-bottom:0;}

img#open-mmenu {
  cursor:pointer;
  margin:0 auto;
  display:block;
  width:79px;
  height:19px;
}

.mm-list a.mm-subopen {width:100%;}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen {height:60px;}

#block-superfish-1 {display:none;}

.zone-menu-wrapper {
  background:url('images/bg-menu.png') repeat-x top #008841;
  margin-bottom:10px;
  box-shadow:0px 2px 12px #000;
  position:fixed;
  top:0;
  width:100%;
  z-index:1000;
}

.zone-menu {
  padding:8px 0;
}

#region-menu.content {
  float:left;
  width:100%;
  overflow:hidden;
  position:relative;
  margin-bottom:0;
  padding:12px 0;
}

#region-menu .content > ul {
   clear:left;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
}

#region-menu .content > ul > li {
   display:block;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;
   font-size:18px;
   line-height:32px;
}

#region-menu .content > ul > li > ul > li {
  text-align:left;
}

ul.sf-main-menu > li > a,
ul.sf-main-menu > li > span.nolink {
  color:#FFF;
  text-shadow:1px 1px 1px #000;
  display:block;
  margin:0 0 0 12px;
  padding:3px 4px;
  text-decoration:none;
}

span.nolink {
  text-decoration:none;
  cursor:default;
}

ul.main-menu > li.first {display:inherit;} /* Show first item for tinynav.js */

ul.main-menu li a,
ul.main-menu li a:visited {
  color:#FFF;
  text-shadow:1px 1px 1px #000;
  text-decoration:none;
}

ul.main-menu > li {
	padding-right:24px;
}

ul.main-menu > li.last {
	padding-right:0px;
}

ul.main-menu a.active {
	color:#FFF;
	cursor:default;
}

.block-superfish .content > ul > li a.menuparent {
	padding-right:16px;
	background:url('images/arrow.png') no-repeat right center;
}

.block-superfish .content > ul > li a.menuparent:hover,
.block-superfish .content > ul > li.menuparent.sfHover a.menuparent {
	background:url('images/arrow2.png') no-repeat right center;
}


/* Second Level Menu Items */

.sf-menu li:hover ul, .sf-menu li.sfHover ul {
top:1.5em;
}

.block-superfish .content > ul li ul li a,
.block-superfish .content > ul li ul li span.nolink {
	padding:12px;
	font-size:16px;
	background:#a07329;
	display:block;
	color:#FFF;
	text-shadow:1px 1px 1px #000;
}

/**
 * Page Content
 */

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

/**
 * Tabs
 */

ul.primary {
  padding-bottom:0.15em;
  margin:0px 0px 12px 0px;
}

ul.primary li a {
  font-size:12px;
  padding:0.15em 0.5em;
  margin:0px;
  border-top-left-radius:4px;
  -webkit-border-top-left-radius:4px;
  -moz-border-top-left-radius:4px;
  border-top-right-radius:4px;
  -webkit-border-top-right-radius:4px;
  -moz-border-top-right-radius:4px;
  background-color:#eee;
}

/**
 * Contextual links
 */

html.js .block-nodeblock div.contextual-links-wrapper {display:none;}
html.js .block-nodeblock .content div.contextual-links-wrapper {display:inherit;}

/**
 * Horizontal Tabs and Components on node add/edit form pages
 */

fieldset#edit-field-image-und {
  margin-top:1em;
}

fieldset#edit-field-image-und legend {
  font-weight:bold;
}

fieldset#edit-field-image-und .fieldset-description {
  font-size: 0.85em;
  color:#6A6A6A;
}

fieldset#edit-scheduler-settings {
  padding-top:1em;
}

/**
 * Form Actions
 */

.form-actions a {
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  border-radius: 11px;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333 !important;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px 4px;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  *padding-top: 2px; /* IE7 */
  *padding-bottom: 0px; /* IE7 */
}

.form-actions a:hover {
  background:#FFF;
  text-decoration:none;
}


/**
 * Action Links
 */

ul.action-links {
  margin: 0 0 0 20px;
}


/**
 * Float Image
 */

span.floatright img {
	margin:0 0 12px 12px;
}

span.floatleft img {
	margin:0 12px 12px 0;
}

/**
 * Webforms
 */

input {max-width:100%;}

/**
 * Manage Content
 */

.view-manage-content .view-filters {
  margin-bottom:14px;
}

.vbo-views-form fieldset input {
  margin-right: 8px;
}

td.views-field.views-field-changed {
  width:200px;
}

/**
 * Image Editor
 */

div.pixlr-express {
  background: url('images/image-edit.png') no-repeat center;
}


/********************

          BLOCKS

*******************************/

.block {margin-bottom:30px;}

.block-superfish {margin-bottom:0;}

.node-type-blog-post h2.block-title,
h2.block-title {
  font-size: 18px;
  line-height:18px;
  margin-bottom:10px
}

/** Twitter & Facebook Widgets **/

.fb-like-box {
  margin-top:30px;
}

/** Popular Posts **/

#block-views-popular-posts-block h2.block-title {
  margin-bottom:10px;
}

.view-popular-posts h2.node-title {
 font-size:16px;
 line-height:16px;
}

#block-views-popular-posts-block .field-name-field-blog-featured-image {
  margin-bottom:5px;
}

.view-popular-posts .field-name-field-blog-featured-image {
  float:left; margin-right:6px;
}

.view-popular-posts .views-row {
  margin-bottom:12px;
}

.view-popular-posts .views-row:last-child {
  margin-bottom:0px;
}

/** Blog Teasers for Front Page **/

.view-blog .field-name-post-date {
  font:12px/12px 'Open Sans';
}

.node-type-blog-post .field-name-post-date {
  font:12px/12px 'Open Sans';
  margin-bottom:12px;
}

.view-blog h2 a,
.node-type-blog-post h2 {
  font:28px/28px 'Open Sans';
  color:#000;
}

.view-blog .field-name-field-blog-featured-image,
.node-type-blog-post .field-name-field-blog-featured-image {
  margin-bottom:20px;
}

.view-blog .field-name-field-body {
  margin-bottom:16px;
}

.view-blog .views-row {
  padding-bottom:40px;
  margin-bottom: 50px;
  border-bottom:1px solid #ccc;
}

/** Site Name **/

#site-name {
  display:block;
  margin-top:60px;
  margin-bottom:8px;
  text-align:center;
}

#site-name a {
  font-family:Georgia;
  font-size:32px;
  line-height:34px;
  color:#FFF;
  text-shadow:2px 2px 2px #000;
}

#site-name a:hover,
#site-name a:focus {
  text-decoration:none;
}

.site-slogan {
  display:block;
  font-size:18px;
  line-height:22px;
}

/** Featured Quote **/

.block.featured-quote .content {
  background:rgba(0,0,0,.3);
  padding:20px 20px 15px 20px;
  margin:10px 0 20px 0;
  border-radius:10px;
}

.block.featured-quote p {
  margin-bottom:0px;
  color:#FFF;
  text-shadow:1px 1px 1px #000;
}

/** Footer Quote **/

.block.footer-quote {margin-bottom:0;}

/** Loginout **/

#loginout {
	text-align:center;
	padding:10px 0 10px;
}

#loginout p {margin:0; font-size:14px;}

/**
 * Forms
 */

ul.links li a,
.node-links ul li a,
.comment-links ul li a {
  text-transform: lowercase;
  display: block;
  float: left;
  text-decoration: none;
  -moz-background-clip: padding;
  -webkit-background-clip: padding;
  background-clip: padding-box;
  margin: 0 0.5em 0.5em 0;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 4px 10px 3px;
  text-shadow: #fff 0 1px 1px;
  width: auto;

  /* IE7 */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

ul.links li a:hover,
.node-links ul li a:hover,
.comment-links ul li a:hover {
  background: #FFF;
}

/**
 * Blog Archive (View)
 */

.view-blog-archive th.views-field-title,
.view-blog-archive th.views-field-created {
    font-weight: bold;
    font-family: Arial;
    padding-bottom:4px;
}

.view-blog-archive td.views-field-created {
  width:20%;
  font-size:14px;
  line-height:14px;
}

.view-blog-archive td.views-field-title {
  font-size:15px;
  line-height:18px;
}

th,
tbody td {padding:7px;}

tbody {border:1px solid #ccc;}

/**
 * Email Subscription Form for MailChimp
 */

div#mc_embed_signup input {
  margin-bottom: 10px;
}

/* Zones */

#zone-footer-wrapper {
  padding: 20px 0;
}

#zone-debug-wrapper {
  background: #ccc;
  padding: 20px 0;
}


/* Pull out Quote */

.quote-left,
.quote-right {
  float: none;
  margin: 12px;
  border-top:1px solid #555;
  border-bottom:1px solid #555;
  border-right:none;
  padding: 12px 24px 12px;
  font-size:130%;
  line-height:150%;
}

.quote-right {
  float:right;
  border-right:none;
  border-left:none;
}

/**
 * Hide guidelines for text filters
 */

.filter-guidelines-wysiwyg,
div.filter-help.form-wrapper {display:none;}

/**
 * News Block
 */

#block-views-news-block .views-field-field-link {
    font-size: 16px;
    margin-bottom:3px;
}

#block-views-news-block .views-row {
    margin-bottom:10px;
}

/**
 * Advertisment: A Printer's Choice
 */
 .aprinterschoice p {
   margin-bottom: 12px;
 }

 .aprinterschoice .big {
   font-size: 20px;
 }

 .aprinterschoice img {
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
   margin-top: 5px;
   margin-bottom: 5px;
 }

 .aprinterschoice .field-item a {
   display: block;
   background: #BD0F0F;
   color: #FFF;
   font-weight: bold;
   font-size: 16px;
   padding: 10px;
   border-radius: 12px;
   transition: all 300ms;
 }

 .aprinterschoice .field-item a:hover {
   text-decoration: none;
   transform: scale(1.1, 1.1);
   box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 }

 .webform-component--amount-to-give input {
   width: 50px;
 }

 input.webform-submit {
   display: inline-block;
   margin-bottom: 0;
   font-weight: 400;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
   cursor: pointer;
   background-image: none;
   border: 1px solid transparent;
   padding: 6px 12px;
   font-size: 16px;
   line-height: 1.42857143;
   border-radius: 0;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #fff;
   background-color: #214793 !important;
   border-color: #1c3d7e;
   transition: all 300ms;
 }

 input.webform-submit:hover {
   background-color: #385ca5;
   border-color: #1c3d7e;
   transform: translateX(5px);
 }