@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,700);

.page-content section {
  padding-top: 1rem;
  padding-bottom: 2rem;
}
article.post {
  margin-top: -30px;
}
article.post.h-entry {
  margin-top: 0;
}
.home-title {
  color: #0790c0;
  font-weight: 700;
  margin: 0 0 1rem 0;
  font-size: 2.33rem;
}

.large-logo {
  height: 49px;
  width: auto;
}

.title-area img {
  width: 130px;
}

.side-nav:first-child {
  padding: 0;
}
.side-nav {
  padding: 0 15px;
}
.side-nav li {
  font-size: 1rem;
  margin-bottom: 0;
}

/* show only top level page sub menu slice */
.post .side-nav li {
  display: none;
}
.post .side-nav li.active, .side-nav li.active > ul > li   {
  display: block !important;
}
.post .side-nav li.active>a:first-child:not(.button) {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  color: #91a501;
  font-weight: 700;
}

.post .side-nav li a:not(.button) {
  color: #91a501;
  line-height: 21px;
  font-size: 15px;
  padding: 0.4000rem 0.875rem;
}
.post .side-nav li a:not(.button):hover, .side-nav li a:not(.button):focus {
  color:#647201;
}


body {
  font-family: 'Open Sans';
  color: '#333';
}

p {
  color: "#333";
  font-size: 0.92rem;
}

ul,ol,dl {
  font-size: 0.92rem;
}

.post-list > li ul > li {
  font-size: 14px;
  line-height: 22px;
  color: #828282;
}

li {
  color: #333;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Open Sans';
  color: #333;
  /*font-weight: bold;*/
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.66rem;
}

h4 {
  font-size: 1.33rem;
}

h4, h5, h6 {
  font-weight: bold;
}

div.reveal-modal img {
  height: auto;
  width: 100%;
}

/**
* Font overrides (do this using SASS when that gets pulled in)
*/

.button, li, p, .alert, .label, .top-bar-section ul li>a {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.highlight code {
  /* border: inherit; */
  background-color: inherit;
  line-height: 1;
  padding: 0;
}

.highlight {
  margin: 0 0 1.5rem 0;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 90%;
  width: 100%;
}

pre.highlight, .highlight pre {
  margin-bottom: 0;
  border: 0;
  padding: 0.5em;
}

.highlight table {
  border: none;
}

/**
* Breadcrumbs
*/
.breadcrumb {
  margin-left: 0;
  list-style-type: none;
}
.breadcrumb li {
  display: inline-block;
}
.breadcrumb li::before {
  content: ">";
  margin-right: 5px;
  margin-left: 5px;
}
.breadcrumb li:first-child::before {
  content: "";
  margin-left: 0;
  margin-right: 0;
}
.breadcrumb li a {
  font-size: 14px;
}
.breadcrumb li.active a {
  color: black;
}

/* Mobile Refinements */
.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}
#intro .button-group {
  margin-top: 30px;
}
section#intro {
  margin-bottom: 0 !important;
}
@media only screen and (min-width: 64.063em) {
  #intro .button-group {
    position: absolute;
    top: -85px;
    padding: 0 15px;
    width: 100%;
  }
}

/* Flexbox row */
.flex-center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.person-tile {
  margin-bottom: 30px;
}
.person-tile h4 {
  margin-bottom: 0;
}

/* Homepage Custom Announcement Boxes */
.panel h4 {
  line-height: 2rem;
}
.codein {
  background-color: #ffffff;
}
.codein img {
  margin-bottom: 15px;
}
.codein .button {
  margin-top: 15px;
}
.workshop {
  height: 300px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* Google Search Box Overrides */
form.gsc-search-box {
  margin-top: 7px !important;
}
.gsc-input-box {
    border: 0 !important;
    background: #333333 !important;
    margin-top: 0 !important;
    border-radius: 50px;
}
.gsc-input-box input[type="text"] {
  box-shadow: none !important;
}
.gsc-input-box table {
  margin-bottom: 0 !important;
  width: auto !important;
  text-align: left !important;
  color: #3f3f3f !important;
  border: 0 !important;
}
.gsc-search-box table td {
  border: 0 !important;
}
.gsc-search-box td.gsc-search-button {
  display: none !important;
}
table.gsc-search-box td {
  padding: 0 10px !important;
}
.gsc-control-searchbox-only {
  background-color: #333333 !important;
}
.gsc-search-box {
  background-color: #333333 !important;
}
.gsc-search-box .gsc-search-button-v2 {
  padding: 6px 6px !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
  padding: 2px 0 !important;
  border: 0 !important;
  border-radius: 50px !important;
  margin: 0 !important;
  height: 27px !important;
  background-color: #515151 !important;
  color: #ffffff !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input::placeholder {
  color: #ffffff !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input:focus::-webkit-input-placeholder, .gsc-search-box-tools .gsc-search-box .gsc-input:focus:-moz-placeholder, .gsc-search-box-tools .gsc-search-box .gsc-input:focus::-moz-placeholder, .gsc-search-box-tools .gsc-search-box .gsc-input:focus:-ms-input-placeholder {
  color:transparent !important;
}

/* .gsc-search-box-tools .gsc-search-box .gsc-input:focus {
  background-color: #ffffff !important;
  color: #000000 !important;
} */
@media only screen and (min-width: 940px) {
  .google-cse {
    float: right;
  }
}

@media only screen and (min-width: 58.75rem) {
  .top-bar .gsc-input-box input, .top-bar .gsc-search-button button {
    top: 0 !important;
  }
}