@import url("../spine/style.css");
/*!
Theme Name: skyline	
Description: Theme for South Skyline Association
Author: Sonja London
Template: spine
*/
/* variables
 *===================================*/
/* school bus yellow=#FFD800 was */
/* accordion (new) 
 *=======================================*/

 .display-posts-listing .listing-item {
  padding: 10px 0 10px 0;
  clear: both; }

.display-posts-listing img {
  float: left;
  margin: 0 10px 10px 0;
  max-width: 100px;
  max-height: 100px; }

.display-posts-listing span.excerpt {
  display: block;
  line-height: 1.3;
  margin-bottom: 1em; }

.display-posts-listing .title {
  font-size: 1.2em;
  font-weight: bold;
  vertical-align: top; }

.display-posts-listing .excerpt-dash {
  display: none; }


.zaccordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.4s;
}

.zactive, .zaccordion:hover, button.zaccordion:hover, .zaccordion:focus, button.zaccordion:focus {
  background-color: #ccc;
}

.zaccordion:after {
  content: '(click to expand)';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.zactive:after {
  content: "(Click to hide)";
}

.zpanel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

/* Reports 
 *=======================================*/
.ssa-report h1,
.category-report h1,
.category-dynamic-report h1,
.category-static-report h1 {
  color: purple;
  text-align: center;
}
.ssa-report h2,
.category-report h2,
.category-dynamic-report h2,
.category-static-report h2 {
  color: blue;
  text-align: center;
}
.ssa-report h3,
.category-report h3,
.category-dynamic-report h3,
.category-static-report h3 {
  color: green;
  text-align: center;
}
.ssa-report thead,
.category-report thead,
.category-dynamic-report thead,
.category-static-report thead {
  font-weight: 900;
  background-color: lightskyblue;
  text-transform: capitalize;
}

.links-page .display-posts-listing .listing-item {
  clear: both;
  padding: 10px 0 10px 0;
}
.links-page .display-posts-listing .listing-item a.title {
  display: block;
  font-size: 1.25rem;
  padding-bottom: .75rem;
}
.links-page .display-posts-listing .listing-item img {
  float: left;
  padding-bottom: .75rem;
  padding-right: 10px;
  height: 100px;
}
.links-page .display-posts-listing .listing-item .excerpt-dash {
  display: none;
}
.links-page .display-posts-listing .listing-item .excerpt {
  display: block;
  line-height: 1.3;
  padding-bottom: 1.25rem;
}

/* new testing
 *====================================*/
p.message.register {
  padding-top: 20px;
  margin-top: 20px;
  display: none;
}

.singular-page-85 li {
  /* DISPLAY: table-row; */
  /* list-style-type: disc; */
  list-style-position: outside;
  /* text-indent: -1em; */
  /* padding-left: 1em; */
}

p.message.register::after {
  content: "South Skyline Association (SSA) fosters a sense of community spirit, keeps residents informed of public agency actions and other issues of concern in the South Skyline sphere of influence, protects the rights and represents the interests of those in our area, and engages in various projects to enhance the unique South Skyline environment.Regular membership is open to property owners and residents in the South Skyline area at least 18 years of age. The SSA area includes Skyline Boulevard and feeder roads between Skylonda and the southern terminus of Skyline Boulevard. Those outside the area may apply for Associate Membership (non-voting) by paying regular dues. Membership includes delivery of the Skylines quarterly newsletter, and  participation in Skyline Propane Users Group (SPUG). Please provide the following necessary information:";
}

input#ws-plugin--s2member-custom-reg-field-inactive {
  display: none;
}

#ws-plugin--s2member-custom-reg-field-inactive + label {
  visibility: hidden;
  display: none !important;
  margin: 0 0 -3000 0;
}

/* === end new testing =================================*/
/* full width background bands
=====================================*/
.extendfull {
  padding-left: 3000px;
  margin-left: -3000px;
  padding-right: 3000px;
  margin-right: -3000px;
}

.extendfull.break1,
.extendfull.break2 {
  background-color: transparent;
}

/* header
=====================================*/
#header {
  background-color: #a2bdcd;
  background-image: url("/wp-content/themes/skyline/images/Skyline-1.gif");
  height: 190px;
  margin: auto;
  background-position: center;
  background-size: 100% 100%;
}

#header #site-description {
  font-size: 1.8em;
  font-family: "arial narrow";
  display: none;
}

.top-bar .name h1 a {
  display: none;
}

/*  top nav
=====================================*/
.top-bar {
  background: #11542d;
}

.top-bar-section li a:not(.button) {
  background: #11542d;
}

.top-bar-section > ul > .divider {
  border-right: solid 1px #11542d;
  border-left: solid 1px #11542d;
}

/* secondary menu 
=====================================*/
@media only screen and (min-width: 48em) {
  .section-container.horizontal-nav {
    position: relative;
    background: #00f;
    /* Show a solid color for older browsers */
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, white 0%, #207cca 25%, black 51%, #207cca 77%, white 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(25%, #207cca), color-stop(51%, black), color-stop(77%, #207cca), color-stop(100%, white));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, white 0%, #207cca 25%, black 51%, #207cca 77%, white 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, white 0%, #207cca 25%, black 51%, #207cca 77%, white 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, white 0%, #207cca 25%, black 51%, #207cca 77%, white 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, white 0%, #207cca 25%, black 51%, #207cca 77%, white 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
    border: none;
  }
}
/* @media only screen and (min-width: 48em) { */
#menu-secondary .section-container.horizontal-nav section .title,
#menu-secondary .section-container.horizontal-nav .section .title {
  border: none;
}

/* } */
#menu-secondary .section-container section .title a,
#menu-secondary .section-container .section .title a,
#menu-secondary .section-container.auto section .title a,
#menu-secondary .section-container.auto .section .title a {
  padding: 0.9375em;
  color: white;
  font-size: 1.2em;
  top: 0;
  cursor: pointer;
  width: 100%;
  margin: 0;
  background-color: transparent;
  /* not working, see below */
}

#menu-secondary .title {
  background-color: transparent;
}

#menu-secondary .section-container section .title a:hover,
#menu-secondary .section-container .section .title a:hover,
#menu-secondary .section-container.auto section .title a:hover,
#menu-secondary .section-container.auto .section .title a:hover {
  background-color: #fff;
  color: #000;
  font-size: 1.2em;
}

/* body stuff
=====================================*/
p {
  line-height: 1.3;
  margin-bottom: 1em;
}

button, .button, input[type="submit"] {
  background-color: #1565aa;
  border-color: #2284a1;
  color: white;
}

.panel, .sticky {
  margin-bottom: 1.25em;
  /* same as parent */
  /* margin-top: 1.25em; */
  border-color: black;
  background: white;
}

.singular .entry-title {
  text-align: center;
}

#content ul
, #content ol {
  margin-left: 2em;
}

/* Front Page
=====================================*/
.section1front h4 {
  text-align: center;
}

.section-bar a {
  color: #ffffff;
}

.sneak-peek h4,
.quick-tip h4 {
  text-align: center;
}

.singular-article #hybrid-nav-menu-3,
.singular-article #hybrid-nav-menu-4 {
  border: none;
}

.layout-1c #hybrid-nav-menu-3,
.layout-1c #hybrid-nav-menu-4 {
  width: 50%;
  box-sizing: border-box;
  float: left;
  border: none;
}

.singular-page-6 #hybrid-nav-menu-3,
.singular-page-6 #hybrid-nav-menu-4 {
  width: 50%;
  float: left;
  border: none;
}

div.row.section1newsletters > div.large-4.columns.sidebox {
  background-color: lightgray;
  padding: 15px;
  border: 2px;
  border-color: black;
  border-style: solid;
}

/* map pages
 *====================================*/
#map {
  width: 100%;
  padding-bottom: 75%;
  margin-bottom: 30px;
}

/* slider stuff
=====================================*/
.flexslider {
  background: transparent;
  /*	background-image: url('http://50.97.96.102/~margaret/mvx0ZGUcF7dr/wp-content/uploads/slidebg.png'); */
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

#content .flexslider ul,
#content .flexslider ol {
  margin-left: 0em;
}

/*
.flex-active-slide {
	background-image: url('http://50.97.96.102/~margaret/mvx0ZGUcF7dr/wp-content/uploads/slidebg.png');
}
*/
/*
.flexslider p {
	font-size: .9em;
}
*/
.slidetextbox {
  padding-left: 1.2em;
  padding-right: 1.2em;
}

.slidetextbox h4 {
  margin-left: 1.5em;
}

.flex-caption {
  width: 96%;
  position: absolute;
  bottom: 0;
  padding-left: 7em;
  background: rgba(0, 0, 0, 0.3);
  color: #fff;
}

.flex-caption.holiday-slide {
  font-size: 1.4em;
  padding-left: 1.5em;
  background: none;
  bottom: 1em;
}

@media only screen and (max-width: 767px) {
  .flex-caption {
    padding-left: 2em;
  }
}
/* posts
=====================================*/
.post .entry-byline {
  display: none;
}

.post .category {
  display: none;
}

.post #hybrid-nav-menu-3,
.post #hybrid-nav-menu-4 {
  border: none;
}

.singular-post section#hybrid-nav-menu-3,
.singular-post section#hybrid-nav-menu-4 {
  border-color: transparent;
}

.newsletterboilerplate a.title {
  font-size: 1.6875em;
  line-height: 2;
}

/* inner pages
=====================================*/
/* registration page */
.large-4.columns.sign-in {
  border-width: 2px;
  border-style: solid;
  border-color: black;
  /* border-color: #d9d9d9;*/
  background: #f2f2f2;
}

/* login page */
.login-footer {
  width: 550px !important;
  box-sizing: border-box;
  margin: 30px auto;
  text-align: center;
  padding: 15px;
  border: 1px solid #e5e5e5;
}

.links-page .content {
  margin-top: 2em;
}

/* Article post type styling
=====================================*/
.article .entry-byline {
  margin-bottom: 1.5m;
  display: none;
}

/* accomodate logo descender */
.entry-title.article-title {
  margin-left: 70px;
}

.loop-title {
  text-align: center;
}

/* #2795B6 */
.article h1 {
  /*	font-size: 5em; */
  text-align: center;
  color: #2795B6;
}

.article.entry-byline .published {
  display: none;
}

/* Article/Library archives */
.taxonomy-library h2 a {
  color: #2795B6;
}

/* widget areas
=====================================*/
@media only screen and (min-width: 48em) {
  #sidebar-subsidiary .widget {
    width: 33.33333%;
  }
}
/* fat footer
=====================================*/
#fatfoot {
  background-color: #11542d;
  color: white;
}

#fatfoot .panel {
  border: none;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: transparent;
}

#fatfoot a {
  color: lightblue;
  text-decoration: none;
  line-height: inherit;
}

#sidebar-subsidiary {
  color: white;
}

#site-generator {
  display: none;
}

.credit {
  text-align: center;
}

/* ie8 menu 
=====================================*/
.lt-ie9 .top-bar {
  background: #2f2f2f;
  *zoom: 1;
  overflow: visible;
}

.lt-ie9 .top-bar:before, .lt-ie9 .top-bar:after {
  content: " ";
  display: table;
}

.lt-ie9 .top-bar:after {
  clear: both;
}

.lt-ie9 .top-bar .toggle-topbar {
  display: none;
}

.lt-ie9 .top-bar .title-area {
  float: left;
}

.lt-ie9 .top-bar .name h1 a {
  width: auto;
}

.lt-ie9 .top-bar input,
.lt-ie9 .top-bar .button {
  line-height: 2em;
  font-size: 0.875em;
  height: 2em;
  padding: 0 10px;
  position: relative;
  top: 8px;
}

.lt-ie9 .top-bar.expanded {
  background: #111111;
}

.lt-ie9 .contain-to-grid .top-bar {
  max-width: 57.5em;
  margin: 0 auto;
}

.lt-ie9 .top-bar-section {
  -webkit-transition: none 0 0;
  -moz-transition: none 0 0;
  transition: none 0 0;
  left: 0 !important;
}

.lt-ie9 .top-bar-section ul {
  width: auto;
  height: auto !important;
  display: inline;
}

.lt-ie9 .top-bar-section ul li {
  float: left;
}

.lt-ie9 .top-bar-section ul li > a {
  padding-right: 14px !important;
}

.lt-ie9 .top-bar-section ul li .js-generated {
  display: none;
}

.lt-ie9 .top-bar-section li a:not(.button) {
  padding: 0 15px;
  line-height: 45px;
  background: #111111;
}

.lt-ie9 .top-bar-section li a:not(.button):hover {
  background: #2b2b2b;
}

.lt-ie9 .top-bar-section .has-dropdown > a {
  padding-right: 35px !important;
}

.lt-ie9 .top-bar-section .has-dropdown > a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: solid 5px;
  border-color: rgba(255, 255, 255, 0.5) transparent transparent transparent;
  margin-top: -2.5px;
}

.lt-ie9 .top-bar-section .has-dropdown.moved {
  position: relative;
}

.lt-ie9 .top-bar-section .has-dropdown.moved > .dropdown {
  visibility: hidden;
}

.lt-ie9 .top-bar-section .has-dropdown:hover > .dropdown,
.lt-ie9 .top-bar-section .has-dropdown:active > .dropdown {
  visibility: visible;
}

.lt-ie9 .top-bar-section .has-dropdown .dropdown li.has-dropdown > a:after {
  border: none;
  content: "\00bb";
  margin-top: -7px;
  right: 5px;
}

.lt-ie9 .top-bar-section .dropdown {
  left: 0;
  top: auto;
  background: transparent;
}

.lt-ie9 .top-bar-section .dropdown li a {
  line-height: 1;
  white-space: nowrap;
  padding: 7px 15px;
  background: #1e1e1e;
}

.lt-ie9 .top-bar-section .dropdown li label {
  white-space: nowrap;
  background: #1e1e1e;
}

.lt-ie9 .top-bar-section .dropdown li .dropdown {
  left: 100%;
  top: 0;
}

.lt-ie9 .top-bar-section > ul > .divider {
  border-bottom: none;
  border-top: none;
  border-right: solid 1px #2b2b2b;
  border-left: solid 1px black;
  clear: none;
  height: 45px;
  width: 0px;
}

.lt-ie9 .top-bar-section .has-form {
  background: #111111;
  padding: 0 15px;
  height: 45px;
}

.lt-ie9 .top-bar-section ul.right li .dropdown {
  left: auto;
  right: 0;
}

.lt-ie9 .top-bar-section ul.right li .dropdown li .dropdown {
  right: 100%;
}