/*
 Theme Name:   Citizen Layers
 Theme URI:    http://hackneycitizen.co.uk
 Description:  Citizen Media Wordpress theme. Requires Layers.
 Author:       Ændrew Rininsland, Cantlin Ashrowan
 Template:     layerswp
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  citizen_layers
*/

body, input, button, textarea {
  font-family: 'Libre Baskerville', serif;
}

body {
  background-color:#fff;
}

body .content-main {
  max-width:977px;
  padding:0;
}

.site-logo {
  max-width:800px;
}

body .logo .site-description {
  display:none;
}

.logo {
  max-width:100%;
  margin:7px 0 15px 0;
}

body .header-site {
  background-color:#fff;
  max-width:100%;
}

body .nav-horizontal {
  border-top:3px solid #111;
  width:100%;
  max-width:977px;
  margin-top:16px;
}

body .nav-horizontal li.item a {
  padding:8px 14px;
}

.main-nav.first-level-menu li:first-child a {
  padding-left:0;
}

body .widgetized-nav {
  margin:0;
}

body .jp-relatedposts .jp-relatedposts-post a {
  color:#000;
}

body .jp-relatedposts .jp-relatedposts-post a:hover {
  color:#000;
}

body .wp-caption {
  padding:0;
  margin-bottom:20px;
  background:none;
  width:620px !important;
}

body .wp-caption p.wp-caption-text {
  font-size:1.2rem;
  padding:5px 0 0 0;
  text-align:left;
  color: rgba(0, 0, 0, 0.55);
}

body .story img {
  width:100%;
}

body .story p {
  color:#222;
  margin-bottom:20px;
}

article .thumbnail a {
  display:block;
  width:620px;
}

article .thumbnail a img {
  width:100%;
}

body .section-title.large .excerpt {
  font-size: 1.6rem;
  line-height:1.25;
  padding:5px 10px 15px 0px;
}

#search-2 {
  display:none;
}

#text-11 {
  padding-top:0;
}

.byline {
  color:#222;
}

body .section-title {
  margin-bottom:10px;
}

body aside.widget {
  margin:0;
}

.widget ul {
  padding:5px;
  background:#f6f6f6;
}

.short-post-meta {
}

.textwidget {
  padding:10px;
  background:#f6f6f6;
  text-align:center;
}

.section-nav-title {
  font-size: 1.5rem;
  text-transform: none;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.55);
  margin-bottom:4px;
}

body #footer .column.span-6 {
  width:auto;
}

@media screen and (max-width: 759px) {
  body .nav-horizontal {
    border-top:0;
    margin-top:0;
  }

  body .header-site {
    padding:8px 10px;
    border-bottom:1px solid #222;
    margin-bottom:10px;
  }

  body .content-main {
    padding:0 10px;
  }

  body .section-title {
    margin-bottom:0;
  }

  body .heading {
    padding-top:2px;
  }

  body article header {
    padding:10px 0 6px 0;
  }

  .widgetized-menu-button {
    display:none;
  }

  #off-canvas-right.open .widgetized-nav {
    display:block;
  }

  #off-canvas-right.open .main-nav.first-level-menu li:first-child a {
    padding-left:8px;
  }

  body .section-title.large .excerpt {
    font-size: 1.6rem;
    line-height:1.25;
    padding:0;
    margin:10px 0;
  }

  body .story p {
    margin-bottom:14px;
    color:#111;
  }

  body .wp-caption {
    margin-bottom:14px;
  }

  a.responsive-nav {
    position:absolute;
    top:0;
    right:0;
  }

  article .thumbnail a {
    width:auto;
  }
}

/* Old custom CSS */

.site-logo-link img {max-height: none;}
.main-nav.first-level-menu {padding: 0px 0px 0px 0px;}

  /*SOCIAL MEDIA ICONS IN MENU*/
  nav.widgetized-nav .main-nav span.wgt-menu-icon-title{
    display:none;
  }
  nav.widgetized-nav .main-nav li.menu-item-socialMediaIcons a:first-child{ padding: 10px 12px 0px 20px ;

    border-left: 1px solid rgba(0, 0, 0, 0.2)!important;
  }
   nav.widgetized-nav .main-nav li.menu-item-socialMediaIcons a:last-child{
    clear:right;
  }
  nav.widgetized-nav .main-nav li.menu-item-socialMediaIcons a{
    padding: 9px 12px 10px 10px;
    border-right: 0px solid rgba(0, 0, 0, 0.2)!important;
    float:left;
  }
    nav.widgetized-nav .main-nav li.menu-item-socialMediaIcons a i{
    font-size:15px;
  }

 /*search icon*/
   nav.widgetized-nav .main-nav li.item.menu-item-searchItem .sub-menu.second-level-menu #s{
    width: 250px;
    height:40px;
    float: left;
    padding: 10px;
    background: white;
    outline:none;
    border: 1px solid #E0E0E0;
    display: inline-block;
    width: 175px;
    line-height: normal;
    font-size: 100%;
    margin: 0;
    box-sizing: border-box;
    vertical-align: baseline;
    color: #888;
    cursor: auto;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    text-align:left;
  }

/*NAV BAR SPACING*/

  .nav-horizontal li{
        margin: 0 0px;
    }

.nav-horizontal {font-style: normal; padding: 0px 0px 0px 0px; }

.nav-horizontal li a {padding: 0px 0px 0px 0px; font-weight: 400; font-size:1.4rem; text-align:center;}

.widget {background-color: #ffffff;}

.story a:not(.button):hover {color: #000000;}

.story a:not(.button) {color: #000000;}

.meta-info {font-size:1.5rem;}

.story {color: #000000;}

.heading {border-bottom: solid 1px #FFFFFF; border-top: solid 0px #000000; padding: 10px 40px 5px 0px;}

.section-title.large .heading {line-height:1.25; font-weight: bold; font-size: 3.2rem; padding:0;}

.section-title.large .excerpt {font-size: 2.2rem; line-height:1.25; padding: 5px 10px 15px 0px;}

.thumbnail-media:hover img {webkit-transition: none; webkit-transform: none; webkit-transform: scale(0);}

.l-clock-o  {
    visibility:hidden
}

.l-user  {
    visibility:hidden
}

.meta-item.meta-category {
    visibility:hidden
}

.l-folder-open-o  {
    visibility:hidden
}

@media screen and (max-width: 759px) {
  #primary {
    padding: 20px 10px;
  }
.site-logo-link img {
max-height: none; height: 40px;}
.section-title.large .heading {line-height:1.25; font-weight: bold; font-size: 2.5rem;}
}

/*.excerpt {width:620px}*/

/*.story {width:620px}*/

.sd-content 
{padding: 10px 0px 0px 0px;}

.button
{padding: 3px 0px 2px 0px; background-color:#fff; color:#111;} 

body .button:hover {
  background:#fff;
  color:#111;
}
