/******************************************************************
Theme Name: Station Fire Memorial Foundation 
Theme URI: http://www.stationfirememorialfoundation.org/
Description: This theme was designed and developed for the Station Fire Memorial Foundation. Not to be redistributed or used elsewhere. 
Author: Andrew Sandlin, Omnia Agency
Author URI: http://www.omniaagency.com
Version: 1.0.0
Tags: 

Foundation Version: 5.3.2

******************************************************************/
body {
  background-size: 100%;
  font-family: 'Open Sans', helvetica, arial, sans-serif; }

a, img {
  border: 0px;
  outline: 0px; }

a:link, a:visited {
  color: #0c3164; }

a:hover {
  color: #000 !important;
  text-decoration: underline; }

button a:link, button a:visited {
  color: #fff !important; }

img:hover {
  background: none; }

p {
  color: #4d4d4d;
  font-family: 'Gentium Book Basic', georgia, times, serif;
  font-weight: 500;
  font-size: 1.125rem;
  font-size: 1.125em; }

h1 {
  color: #0c3164;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-size: 2rem;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.25;
  position: relative;
  text-transform: uppercase; }

h1.page-title {
  display: table;
  white-space: nowrap; }
  h1.page-title:after {
    border-top: 1px solid #0c3164;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.65em;
    width: 95%; }
  h1.page-title:after {
    left: 2.5%; }

h2 {
  color: #0c3164;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-size: 2rem;
  font-size: 2em;
  font-weight: 300;
  line-height: 1.25;
  text-transform: uppercase;
  position: relative;
  display: table;
  white-space: nowrap; }
  h2:after {
    border-top: 1px solid #0c3164;
    content: '';
    display: table-cell;
    position: relative;
    top: 0.65em;
    width: 95%; }
  h2:after {
    left: 2.5%; }

h2.name:after {
  border-top: none; }

h3 {
  color: #0c3164;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-size: 1.5rem;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase; }

h4 {
  color: #0c3164;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-size: 1.25rem;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.25;
  text-transform: uppercase; }

h5, h6 {
  color: #4d4d4d;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-weight: 500; }

ul {
  font-family: 'Gentium Book Basic', georgia, times, serif; }

.aligncenter {
  text-align: center;
  margin: 0 auto;
  display: block; }

.alignleft {
  float: left;
  margin: 0% 2% 2% 0%; }

.alignright {
  float: right;
  margin: 0% 0% 2% 2%; }

button, .button, .comment-reply-link {
  background: #0c3164 !important;
  color: #fff !important;
  padding: 0.5rem 1rem;
  padding: 0.5em 1em;
  font-size: 1rem;
  font-size: 1em;
  border: none !important;
  border-radius: 0px !important;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Open Sans', helvetica, arial, sans-serif; }

button:focus, button:hover {
  color: #fff !important;
  background: #666 !important;
  -webkit-transition: linear 0.125s;
  -moz-transition: linear 0.125s;
  -ms-transition: linear 0.125s;
  -o-transition: linear 0.125s;
  transition: linear 0.125s; }

.button:focus, .button:hover {
  color: #fff !important;
  background: #666 !important;
  -webkit-transition: linear 0.125s;
  -moz-transition: linear 0.125s;
  -ms-transition: linear 0.125s;
  -o-transition: linear 0.125s;
  transition: linear 0.125s; }

.button a:link, .button a:visited {
  color: #fff; }

.gform_button:focus, .gform_button:hover {
  color: #fff !important;
  background: #666 !important;
  -webkit-transition: linear 0.125s;
  -moz-transition: linear 0.125s;
  -ms-transition: linear 0.125s;
  -o-transition: linear 0.125s;
  transition: linear 0.125s; }

.comment-reply-link:focus, .comment-reply-link:hover {
  color: #fff !important;
  background: #666 !important;
  -webkit-transition: linear 0.125s;
  -moz-transition: linear 0.125s;
  -ms-transition: linear 0.125s;
  -o-transition: linear 0.125s;
  transition: linear 0.125s; }

#submit:focus, #submit:hover {
  color: #fff !important;
  background: #666 !important;
  -webkit-transition: linear 0.125s;
  -moz-transition: linear 0.125s;
  -ms-transition: linear 0.125s;
  -o-transition: linear 0.125s;
  transition: linear 0.125s; }

/* Basic site structuring */
.fullwidth {
  min-width: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: initial; }

.row {
  max-width: 71.25rem;
  max-width: 71.25em; }

#inner-content {
  background: #fff; }

#main, .woocommerce #main {
  background: #fff;
  padding: 4% 20%; }

.header {
  margin-bottom: 0px; }

#content {
  overflow: hidden; }

.icon-font-link {
  color: #0c3164 !important;
  display: block;
  font-size: 3rem;
  font-size: 3em; }
  .icon-font-link:hover {
    background: none !important;
    color: #666 !important; }

.repeating-rows {
  margin-bottom: 10% !important; }

/* Navigation */
#menu-main-navigation {
  float: left;
  margin: 2% 0% 0% 2%;
  overflow: visible; }

.sticky {
  background: #0c3164;
  border-bottom: 4px solid #d6d7d6;
  margin-left: auto;
  margin-right: auto;
  width: 100%; }
  .sticky .top-bar {
    max-width: 71.25rem;
    background: #0c3164;
    height: 77px;
    line-height: 77px;
    margin: 0 auto;
    padding: 0px; }
    .sticky .top-bar .name {
      background: url('library/images/logo.png') no-repeat;
      background-size: 100%;
      text-indent: -10000px;
      height: 54px;
      width: 256px;
      margin: 15px 0px 0px 45px; }
      .sticky .top-bar .name a {
        display: block;
        height: 54px;
        width: 256px; }

.top-bar-section ul, .top-bar-section li:not(.has-form) a:not(.button) {
  background: #0c3164;
  padding: 0px; }

.top-bar-section li.active:not(.has-form) a:not(.button) {
  color: #fff;
  background: #0c3164 !important;
  padding: 0px 10px !important; }
.top-bar-section li:not(.has-form) a:not(.button) {
  color: #fff;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  padding: 0px 10px;
  text-transform: uppercase; }
  .top-bar-section li:not(.has-form) a:not(.button):hover {
    background: #0c3164 !important;
    color: #666 !important; }
.top-bar-section ul li {
  background: #0c3164; }
.top-bar-section ul li > a {
  background: none;
  color: #fff;
  font-size: 1.25rem;
  font-size: 1.25em; }
.top-bar-section .current-menu-item a, .top-bar-section .active a, .top-bar-section .current_page_item a {
  color: #666 !important;
  background: none !important; }
.top-bar-section .dropdown li:not(.has-form) a:not(.button) {
  color: #fff;
  background: #0c3164;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; }
.top-bar-section .has-dropdown > a:after {
  display: none !important; }
.top-bar-section .has-dropdown > a {
  padding: 0px 10px !important; }

/* mobile menu fixed, forces page to scroll to top however */
.off-canvas-wrap.move-left, .off-canvas-wrap.move-right {
  position: fixed;
  height: 100%; }
  .off-canvas-wrap.move-left .inner-wrap, .off-canvas-wrap.move-right .inner-wrap {
    height: 100%; }

/* Footer */
.footer {
  background: #0c3164;
  color: #fff;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  padding-left: 25%;
  width: 100%; }
  .footer a:hover {
    color: #fff !important; }
  .footer a, .footer p {
    color: #fff !important;
    font-weight: 500; }
  .footer .footer-address {
    margin: 2%; }
    .footer .footer-address p {
      font-family: 'Open Sans', helvetica, arial, sans-serif;
      font-size: 1rem;
      font-size: 1em; }

.widget {
  float: left;
  margin: 1em 0; }
  .widget p {
    color: #fff; }
  .widget ul li {
    margin-bottom: 0; }

.widget_recent_entries ul li {
  margin-bottom: 1em; }
.widget_recent_entries .post-date {
  color: #999;
  display: block; }

.footer-logo {
  background: url('library/images/logo.png') no-repeat;
  background-size: 100%;
  height: 54px;
  width: 256px;
  margin-bottom: 2%; }

/* Gravity forms */
.gform_wrapper canvas {
  background: #474e56 !important; }
.gform_wrapper .top_label input.medium {
  padding-left: 10px; }
.gform_wrapper .gform_footer {
  padding: 0px !important; }
.gform_wrapper .top_label .gfield_label {
  border-bottom: 1px solid #999;
  color: #777870;
  font-weight: 700;
  font-size: 1rem;
  font-size: 1em;
  width: 100%;
  margin: 10px 0 8px 0 !important; }
.gform_wrapper .ginput_complex label {
  margin-top: -4% !important;
  margin-bottom: 2% !important; }
.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {
  margin: 0px !important; }
.gform_wrapper .chosen-container-multi .chosen-choices li.search-field input[type=text] {
  height: 100% !important; }
.gform_wrapper .warningTextareaInfo, .gform_wrapper #field_6_15 label, .gform_wrapper #field_6_16 label, .gform_wrapper #field_6_17 label {
  display: none; }
.gform_wrapper .gfield_error .gfield_label {
  color: #0c3164; }

.gform_wrapper div.validation_error {
  color: #fff;
  margin: 5% 0%; }

.gfield_error .validation_message {
  margin: -2% 0% 2% 0%;
  color: red; }

.gform_confirmation_message {
  color: #fff;
  line-height: 1.5;
  font-size: 1.25em;
  margin-bottom: 5%; }

.gfield_label, .gfield_radio label, .gfield_html {
  color: #2c2c2c;
  font-size: 1em; }

.gform_wrapper ul.gfield_radio li input[type=radio], .gform_wrapper ul.gfield_checkbox li input {
  margin-top: 4px !important;
  margin-left: 2px !important; }

input[type="text"], input[type="tel"], input[type="email"], input[type="number"], textarea, select {
  color: #2c2c2c;
  background: #fff;
  border: none;
  font-size: 1em !important;
  padding: 0% 1%; }

input[type="text"]:active, input[type="text"]:focus {
  background: #fff;
  color: #2c2c2c; }

textarea:active, textarea:focus {
  background: #fff;
  color: #2c2c2c; }

select {
  padding-left: 10px !important; }
  select:active, select:focus {
    background: #fff;
    color: #2c2c2c; }

.gfield_html {
  display: block;
  padding-right: 5%;
  padding-bottom: 5%; }

select {
  width: 100%;
  padding: 0px 10px; }

textarea {
  height: 25%; }

.gform_wrapper.gf_browser_chrome .ginput_complex select, .gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select {
  margin-bottom: 0px !important; }

/* Frontpage */
.memory-of-holder {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3; }

.no-csscolumns .memory-of-holder p {
  display: block;
  float: left;
  width: 33%; }

.frontpage-news-item {
  margin-bottom: 2.5% !important; }

/* Angels listing */
@media only screen and (min-width: 64.063em) {
  .large-block-grid-4 > li:nth-of-type(1n) {
    padding: 0rem !important; }
 }

[class*="block-grid-"] {
  margin-left: 5%; }

.angel-holder {
  position: relative;
  margin: 2%;
  max-width: 180px;
  max-height: 220px; }
  .angel-holder .angel-name {
    display: none;
    color: #fff;
    font-family: 'Gentium Book Basic', georgia, times, serif;
    font-size: 1.5rem;
    font-size: 1.5em;
    line-height: 1.25em;
    text-align: center;
    width: 180px;
    height: 220px;
    padding: 45% 5% 5% 5%;
    position: absolute;
    top: 0%;
    background: #0c3164;
    opacity: 0.88;
    filter: alpha(opacity=88); }
    .angel-holder .angel-name:hover {
      display: block; }
  .angel-holder .angel-image {
    display: block;
    margin: 0 auto;
    max-width: 180px;
    max-height: 220px;
    height: 220px; }
    .angel-holder .angel-image:hover + .angel-name {
      display: block; }

.no-csscolumns .angel-holder, .no-csscolumns .angel-image {
  max-width: 160px; }

.bio .date {
  font-weight: 600 !important;
  margin-top: 3%;
  margin-bottom: 0 !important; }

.no-events {
  display: none;
  color: #ff0000;
  margin-top: 5%; }

.f-dropdown {
  background: #fff;
  padding: 10px; }

.reveal-modal {
  background: #d6d7d6; }

.page-template-archive-angels .reveal-modal {
  background: #d6d7d6;
  height: 80%;
  overflow: scroll; }

.reveal-modal-bg, .nivo-lightbox-theme-default.nivo-lightbox-overlay {
  background: rgba(12, 49, 100, 0.8); }

/* 404 page */
.error404 #main {
  min-height: 600px;
  text-align: center;
  padding-top: 25%;
  background: url('library/images/page-logo.png') no-repeat 50% 50%; }

/* News Single */
.single-post #inner-content {
  padding: 4% 0% 4% 7%; }

.post-thumbnail img {
  margin-bottom: 5%; }

article .news-byline {
  font-size: 1em;
  margin-top: 1%;
  margin-left: 10%; }
  article .news-byline p {
    font-weight: 600;
    font-family: 'Gentium Book Basic', georgia, times, serif; }
article .news-categories {
  margin-top: 1.5%;
  padding-right: 25%; }
  article .news-categories h3 {
    color: #0c3164; }
article .news-content {
  padding-right: 20%;
  margin-right: -14%; }
article blockquote, article blockquote p {
  border-left: none;
  font-size: 1.5em;
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  line-height: 1.15; }
article .categories-menu {
  list-style-type: none;
  text-align: center;
  color: #fff;
  margin-left: 5%;
  width: 155px; }
  article .categories-menu li {
    padding: 5px; }
    article .categories-menu li a {
      color: #fff; }
    article .categories-menu li a:hover {
      color: #fff !important; }
  article .categories-menu li:hover {
    background: #666;
    cursor: pointer;
    color: #fff;
    -webkit-transition: linear 0.125s;
    -moz-transition: linear 0.125s;
    -ms-transition: linear 0.125s;
    -o-transition: linear 0.125s;
    transition: linear 0.125s; }
  article .categories-menu .children {
    background: #fff;
    list-style-type: none;
    margin: 0 0 -4% -3.5%;
    text-align: left;
    width: 155px; }
    article .categories-menu .children li a {
      color: #333; }

/* News Archive */
.news-archive {
  padding: 10% 3% !important; }
  .news-archive article {
    border-bottom: 1px solid #0c3164;
    padding-bottom: 5%;
    margin-bottom: 5%; }

.archive ul.pagination li a, .archive ul.pagination li button {
  font-size: 1.5em; }

.archive ul.pagination li a {
  background: #0c3164;
  color: #fff; }

.archive .pagination a:hover {
  background: #666 !important;
  color: #fff !important; }

.single-post #main {
  padding: 0% 0% 0% 2%; }

/* Shop related */
.woocommerce div.product .woocommerce-tabs .panel {
  padding: 1em; }
  .woocommerce div.product .woocommerce-tabs .panel h2 {
    font-size: 1.25rem;
    font-size: 1.25em;
    font-weight: 600; }
    .woocommerce div.product .woocommerce-tabs .panel h2:after {
      border-top: none; }

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
  font-family: 'Open Sans', helvetica, arial, sans-serif;
  font-weight: 500; }

.woocommerce div.product form.cart .variations td.label {
  background: none;
  line-height: 3.5 !important; }

.woocommerce div.product form.cart .variations select {
  background: #666;
  color: #fff; }

/* Mobile styling */
@media only screen and (max-width: 1024px) {
  #inner-content {
    max-width: 71.25em;
    padding-bottom: 0px; }

  table, iframe {
    width: 100% !important; }

  #main, .woocommerce #main {
    padding: 4%; }

  #menu-main-navigation {
    margin: 3% 0% 0% 2%; }

  .top-bar-section ul li > a {
    font-size: 1em; }
 }

/* iPhone 6 plus landscape */
@media only screen and (max-width: 960px) {
  #menu-main-navigation {
    padding-left: 2%; }

  #main, .woocommerce #main {
    padding: 4%; }
 }

/* iPad portrait mode */
@media only screen and (max-width: 768px) {
  /* Making menu dropdowns work on ipad portrait mode */
  .top-bar {
    *zoom: 1;
    overflow: visible; }
    .top-bar:before {
      content: " ";
      display: table; }
    .top-bar:after {
      content: " ";
      display: table;
      clear: both; }
    .top-bar .toggle-topbar {
      display: none; }
    .top-bar .title-area {
      float: left; }

  .contain-to-grid .top-bar {
    max-width: 62.5em;
    margin: 0 auto;
    margin-bottom: 0; }
    .contain-to-grid .top-bar .name {
      margin-top: 20px;
      width: 200px; }
      .contain-to-grid .top-bar .name a {
        width: 100%; }
      .contain-to-grid .top-bar .name h1 a {
        width: auto; }

  .top-bar-section {
    -webkit-transition: none 0 0;
    -moz-transition: none 0 0;
    transition: none 0 0;
    left: 0 !important; }
    .top-bar-section #menu-main-navigation {
      margin-left: 0%; }
    .top-bar-section ul {
      width: auto;
      height: auto !important;
      display: inline; }
      .top-bar-section ul li {
        float: left; }
        .top-bar-section ul li .js-generated {
          display: none; }
    .top-bar-section li a:not(.button) {
      padding: 0 15px;
      line-height: 45px; }
    .top-bar-section .has-dropdown > a {
      padding-right: 15px !important; }
      .top-bar-section .has-dropdown > a:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        border: inset 5px;
        border-color: rgba(255, 255, 255, 0.4) transparent transparent transparent;
        border-top-style: solid;
        margin-top: -2.5px;
        top: 22.5px; }
    .top-bar-section .has-dropdown.moved {
      position: relative; }
      .top-bar-section .has-dropdown.moved > .dropdown {
        display: none; }
    .top-bar-section .has-dropdown.hover > .dropdown, .top-bar-section .has-dropdown.not-click:hover > .dropdown {
      display: block; }
    .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
      border: none;
      content: "\00bb";
      top: 1rem;
      margin-top: -2px;
      right: 5px; }
    .top-bar-section .dropdown {
      left: 0;
      top: auto;
      background: transparent;
      min-width: 100%; }
      .top-bar-section .dropdown li a {
        color: white;
        line-height: 1;
        white-space: nowrap;
        padding: 12px 15px; }
      .top-bar-section .dropdown li label {
        white-space: nowrap; }
      .top-bar-section .dropdown li .dropdown {
        left: 100%;
        top: 0; }
    .top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
      border-bottom: none;
      border-top: none;
      border-right: solid 1px #4d4d4d;
      clear: none;
      height: 45px;
      width: 0; }
    .top-bar-section .has-form {
      padding: 0 15px;
      height: 45px; }
    .top-bar-section ul.right li .dropdown {
      left: auto;
      right: 0; }
      .top-bar-section ul.right li .dropdown li .dropdown {
        right: 100%; }

  .no-js .top-bar-section ul li:hover > a {
    background: #272727;
    color: white; }
  .no-js .top-bar-section ul li:active > a {
    background: #2ba6cb;
    color: white; }
  .no-js .top-bar-section .has-dropdown:hover > .dropdown {
    display: block; }

  .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section li.active:not(.has-form) a:not(.button) {
    padding: 0px 10px; }

  .sticky .top-bar {
    height: 137px;
    line-height: 137px; }

  .page-template-archive-angels .reveal-modal h2 {
    font-size: 1.25em; }
 }

/* iPhone 6 landscape */
@media only screen and (max-width: 667px) {
  #menu-main-navigation {
    padding-left: 2%; }
 }

/* iPhone 6 plus portrait */
@media only screen and (max-width: 540px) {
  .tab-bar img {
    width: 60%; }

  .footer {
    padding-left: 5%; }

  article .news-content {
    margin-right: 0%;
    padding: 4% 10% 4% 10%; }

  article .news-byline {
    margin-left: 7%; }
 }

/* iPhone 6 portrait */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
  .tab-bar {
    background: #0c3164; }

  .tab-bar-section img {
    margin: 2%; }
 }

@media only screen and (max-width: 480px) {
  .columns {
    float: none !important;
    width: 100% !important; }

  .tab-bar {
    background: #0c3164; }

  #main {
    margin-top: 0%; }

  .menu-icon {
    height: 100%;
    width: 100%;
    background: #0c3164; }

  .left-off-canvas-menu {
    background: #0c3164; }

  .off-canvas-list li a {
    color: #fff !important; }

  .off-canvas-list ul li a:hover {
    color: #333 !important; }

  .off-canvas-list li label {
    background: #0c3164 !important;
    color: #fff !important; }

  .contain-to-grid {
    width: 100%; }

  .header {
    background: none; }

  .contain-to-grid {
    background: #0c3164;
    color: #222; }

  .top-bar .toggle-topbar.menu-icon a {
    background: #0c3164;
    color: #fff; }
 }

/* iphone 5 */
/* Retina-specific */