/*
	Theme Name: vlucas
	Description: vlucas derived from StarTheme WordPress Theme
	Version: 1.0.0
	Author: Vance Lucas (@vlucas)
	Author URI: http://vancelucas.com
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

html {
  margin: 0;
  padding: 0;
}

body {
  padding: 0;
  margin: 0;
  background-color: #f1f5fb;
  background-image: url(img/iconbg-blue-light-real.png);
  background-image: url(img/iconbg-blue-light-real.png), linear-gradient(to bottom right, transparent, #D2E3EB);
  font-size: 18px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.6rem;
}

a,
a:visited,
a:active {
  color: #006599;
  text-decoration: underline;
}

a:hover {
  color: #222;
}

p:last-child {
  margin-bottom: 0;
}

h1, h2, h3, h4, h5 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #656e82;
  color: #006599;
}
h1 a, h2 a, h3 a, h4 a, h5 a {
  text-decoration: none;
}

h2 {
  font-size: 1.4rem;
}

h3 {
  font-size: 1.25rem;
}

h4 {
  font-size: 1.15rem;
}

h5 {
  font-size: 1.1rem;
}

h6 {
  font-size: 1rem;
}

pre {
  box-sizing: border-box;
  background: #f1f5fb;
  border-style: solid;
  border-color: #006599;
  border-width: 1px 0 1px 0;
  padding: 1rem;
  margin: 0.5rem -1rem;
  font-family: monospace;
  font-size: 0.8rem;
  line-height: 1.1rem;
  overflow: auto;
}

pre code {
  background: inherit;
  color: inherit;
}

hr {
  height: 1px;
  border: 0;
  color: #006599;
  background-color: #006599;
  margin: 1rem -20px;
}

.card {
  color: #222;
  border: 1px solid #006599;
  background: #f9fbfc;
  border-radius: 6px;
}
.card h1 {
  padding: 0;
  margin: 0 -1rem;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  border: 0;
  display: flex;
}
.card h1:before,
.card h1:after {
  line-height: 1.5rem;
  border: 2px solid #006599;
  display: inline-block;
  height: 100%;
  min-width: 32px;
}
.card h1:before {
  content: "\00A0";
  border-left: 0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  width: 32px;
  margin-right: 10px;
}
.card h1:after {
  content: "\2022\00A0";
  text-align: right;
  border-right: 0;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  margin-left: 10px;
  flex: 1;
}

.padded {
  padding: 0.8rem 1rem;
}

.header {
  padding-top: 1rem;
  background: linear-gradient(to bottom, #fff, #c0d8e3);
}
.header h1 {
  float: left;
  font-size: 42px;
  border: 0;
}
.header h2 {
  border: 0;
  margin: 0;
  margin-top: 16px;
  font-size: 20px;
  text-align: right;
}

.header-bar {
  height: 10px;
  margin: 0;
  background-color: lightgray;
  background: linear-gradient(to bottom, #D2E3EB, #ccc);
  border-top: 1px solid #999;
  border-bottom: 1px solid #aaa;
}

.footer {
  background: #f1f5fb;
  padding: 0.6rem 0;
  font-size: 0.75rem;
}
.footer p {
  margin: 0;
}

.topnav {
  background-color: #D2E3EB;
}

.main {
  background: linear-gradient(to bottom right, transparent, #D2E3EB);
  padding: 1.5rem 0;
}

.topnav ul {
  margin: 0;
  padding: 0;
  font-family: "Play", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 0.9rem;
  display: flex;
}
.topnav ul li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-left: 2px solid #aacddb;
}
.topnav ul li:last-child {
  border-right: 2px solid #aacddb;
}
.topnav ul li a {
  color: #006599;
  display: block;
  padding: 10px 20px;
}
.topnav ul li a:hover, .topnav ul .current-menu-item a {
  color: #222;
  background: #bfdae4;
}
.topnav ul li:last-child a {
  border-bottom-width: 1px;
}

/*----------- EXTRAS ------------- */

.searchbar {
  margin-top: 1rem;
}

form,
input,
textarea,
button {
  font-size: 16px;
  line-height: 1rem;
}

img,
figure,
iframe {
  max-width: 100%; /* ensure media does not overflow its container */
}

p:last-child {
  margin-bottom: 0;
}


/*------------------------------------*\
    SPECTRE.CSS OVERRIDES
\*------------------------------------*/

.table.table-striped tbody tr:nth-of-type(odd) {
  /*background: #1e2b39;*/
}

.btn {
  color: #006599;
  border: 1px solid #006599;
  border-radius: 4px;
  background: #eee;
}
.btn:hover {
  color: #a3cca1;
  border-color: #006599;
}

.form-input {
  border: 1px solid #006599;
  border-radius: 4px;
}
.form-input:focus {
  border: 1px solid #006599;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/*------------------------------------*\
    IMAGES
\*------------------------------------*/

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width: 320px) {
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1140px) {
}
@media only screen and (min-width: 1280px) {
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
  background: #aacddb;
  color: #000;
  text-shadow: none;
}

::-webkit-selection {
  background: #aacddb;
  color: #000;
  text-shadow: none;
}
::-moz-selection {
  background: #aacddb;
  color: #000;
  text-shadow: none;
}

/*------------------------------------*\
    WORDPRESS SPECIFIC STYLES
\*------------------------------------*/
.date {
  font-size: 0.8rem;
  margin-bottom: 0.8rem;
}
.date-inline {
  color: #777;
  text-decoration: none;
  font-size: 86%;
  display: inline-block;
  min-width: 110px;
}

.pagination .page-numbers {
  display: inline-block;
  padding: 8px 10px;
  font-size: 0.9rem;
}
.pagination .page-numbers.current {
  font-weight: bold;
}

/* homepage/loop.php */
.home h2,
.archive h2,
.search h2 {
  font-size: 1.1rem;
}

.tags,
.categories {
  margin: 0.2rem 0;
  padding: 0;
  font-size: 86%;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
  margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto;
}
.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.alignright {
  float: right;
  margin: 5px 0 20px 20px;
}
a img.alignnone {
  margin: 5px 20px 20px 0;
}
a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0;
}
a img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption {
  background: #fff;
  border: 1px solid #f0f0f0;
  max-width: 96%;
  padding: 5px 3px 10px;
  text-align: center;
}
.wp-caption.alignnone {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
  margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
  margin: 5px 0 20px 20px;
}
.wp-caption img {
  border: 0 none;
  height: auto;
  margin: 0;
  max-width: 98.5%;
  padding: 0;
  width: auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
.sticky {
}
.bypostauthor {
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: ' (' attr(href) ')';
  }
  abbr[title]:after {
    content: ' (' attr(title) ')';
  }
  .ir a:after,
  a[href^='javascript:']:after,
  a[href^='#']:after {
    content: '';
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}