/* 
Theme Name: Editor Child Theme
Theme URI: http://www.paul-crowe.com
Description: Editor Child Theme For Customizing Styles
Author: Paul Crowe
Version: 0.0.1
Template: editor
*/
@import url('../editor/style.css');

/* --------------------------------------------------------------
2.0 Typography
-------------------------------------------------------------- */
/* Import Editor Sass Variables (inc/sass/variables.scss) */
/* Body font styles */
/* Title font styles */
/* Color variables */
/* Responsive media query mixins */
/* Styles for small text with uppercase font style. Used on dates and post meta */
/* Transition effect used througout Editor */
body, button, input, select, textarea {
  color: #404040;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.1; }

h1, h2, h3, h4, h5, h6 {
  clear: both;
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 3%; }

h1 {
  font-size: 40px; }

h2 {
  font-size: 30px; }

h3 {
  font-size: 20px; }

h4 {
  font-size: 15px; }

h5 {
  font-size: 12px; }

h6 {
  font-size: 14px; }

  .entry-content li {
  margin-bottom: 2%;
}
/* --------------------------------------------------------------
5.1 Links
-------------------------------------------------------------- */
a {
  color: #0072C6;
  text-decoration: none;
  -webkit-transition: .07s ease-in;
  transition: .07s ease-in;
}

a:hover, a:focus, a:active {
  color: #2E8B57;
  -webkit-transition: .07s ease-in;
  transition: .07s ease-in;
}

a:visited {
  color: #0072C6;
}

/* --------------------------------------------------------------
5.2 Menus
-------------------------------------------------------------- */
.main-navigation {
  clear: both;
  display: block;
  float: left;
  padding-top: 30px;
  width: 100%; }
  @media (max-width: 768px) {
    .main-navigation {
      padding-top: 20px; } }

.main-navigation ul {
  list-style: none;
  margin: 0 0 2% 0;
  padding-left: 0; }

.main-navigation li {
  position: relative; }

.main-navigation a {
  display: block;
  padding: 2% 0;
  color: #FFF;
  font-family: "Roboto Condensed", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 17px;
  text-decoration: none; }
  @media (max-width: 768px) {
    .main-navigation a {
      padding: 1% 0;
      font-size: 16px; } }

.dark .main-navigation a {
  color: #FFF; }

.main-navigation a:hover, .main-navigation .current_page_item a, .main-navigation .current-menu-item a {
  color: #777; }

.dark .main-navigation a:hover, .dark .main-navigation .current_page_item a, .dark .main-navigation .current-menu-item a {
  color: #D2D2D2; }

.main-navigation .sub-menu {
  margin-left: 4%; }
  .main-navigation .sub-menu li a:before {
    content: "- ";
    color: #aaa; }

.dark .main-navigation .sub-menu li a:before {
  color: #FFF; }

/* --------------------------------------------------------------
5.5 Toggle Menus
-------------------------------------------------------------- */
.toggle-tabs {
  position: relative; }

.toggle-bar {
  background: #E7E7E7;
  display: inline-block;
  margin: 0;
  padding: 8px 3px;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200; }

  /* --------------------------------------------------------------
10.1 Posts and pages
-------------------------------------------------------------- */
.byline, .updated {
  display: none;
}

.single .byline, .group-blog .byline {
  display: inline;
}

.page-content, .entry-content, .entry-summary {
  margin: 0;
}

.page-links {
  clear: both;
  font-weight: bold;
  margin: 0 0 1.5em;
  padding-top: 2%;
}

/* --------------------------------------------------------------
13.0 Header
-------------------------------------------------------------- */
.site-header::-webkit-scrollbar {
  display: none; }
.fullscreen {
  display: none; }
.site-header {
  background: #f5f5f5;
  position: fixed;
  top: 0;
  height: 100%;
  width: 20%;
  padding: 70px 2% 2% 2%;
  overflow: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px); }
  @media (max-width: 768px) {
    .site-header {
      margin-left: 0;
      padding: 10px 5% 25px 5%;
      position: relative;
      width: 100%; } }

.dark.site-header {
  background: #0072C6; }

.admin-bar .site-header {
  padding-top: 10px; }
  @media (max-width: 768px) {
    .admin-bar .site-header {
      padding-top: 10px; } }

/* --------------------------------------------------------------
14.0 Footer
-------------------------------------------------------------- */
.site-footer {
  display: inline-block;
  padding: 0 6% 4% 22%;
  width: 95%;
  color: #000; /* FONT COLOUR */
}
.entry-content {
  font-size: 16px;
  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  display: inline-block;
  width: 85%;
  vertical-align: top;
}