@charset "UTF-8";
/*
Theme Name: Whiteboard
Theme URI: http://adwhite.com/whiteboard
Author: Juan Olvera
Author URI: http://thinkxl.github.io/
Description: Description goes here.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: whiteboard
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url(vendors/normalize-css/normalize.css);
/*! Tequila v3.0.0 | MIT License | http://github.com/thinkxl/tequila.scss */
.row {
  width: 100%;
}

.row:before, .row:after {
  content: ' ';
  display: table;
}

.row:after {
  clear: both;
}

/*
 * Helpers
 */
/* Alignments */
.centered,
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

/*
 * Hide only visually, but have it available for screen readers:
 * http://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 */
.visuallyhidden, .skip-link {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: ' ';
  /* 1 */
  display: table;
  /* 2 */
}

.clearfix:after {
  clear: both;
}

/*
 * Base
 *
 * Update the foundational and global aspects of the page.
 */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  color: #333;
  font-family: "franklin-gothic-urw", sans-serif;
  font-size: 16px;
  line-height: 1.618;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

/* No `:visited` state is required by default (browsers will use `a`) */
a {
  color: #142e61;
  text-decoration: none;
  /* `:focus` is linked to `:hover` for basic accessibility */
}

a:hover, a:focus {
  text-decoration: none;
}

a strong {
  color: inherit;
}

hr {
  margin: 2em 0;
  border-top: 1px solid #eee;
  border-bottom: 0;
}

.lead {
  font-size: 1.125em;
}

/*
 * Forms
 *
 * Based on FormHack v1.0.0 (formhack.io)
 */
/* Global */
.form-base {
  /* Input & textarea  */
  /* Fields with standard width */
  /* Fields with standard height */
  /* Other */
  /* Select */
  /* Fieldset */
  /* States */
  /* States & Feedback */
}

.form-base input,
.form-base textarea,
.form-base select,
.form-base option,
.form-base optgroup,
.form-base button,
.form-base legend,
.form-base fieldset {
  outline: none;
  vertical-align: top;
  display: block;
}

.form-base datalist {
  font-family: inherit;
  font-size: inherit;
}

.form-base label {
  display: block;
  margin-bottom: 0;
}

.form-base input[type="text"],
.form-base input[type="email"],
.form-base input[type="password"],
.form-base input[type="search"],
.form-base input[type="color"],
.form-base input[type="date"],
.form-base input[type="datetime-local"],
.form-base input[type="month"],
.form-base input[type="number"],
.form-base input[type="tel"],
.form-base input[type="time"],
.form-base input[type="url"],
.form-base input[type="week"],
.form-base input[list],
.form-base input[type="file"],
.form-base select,
.form-base textarea {
  width: 100%;
  max-width: 400px;
  padding: 8px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #c8c8c8;
}

.form-base input[type="text"],
.form-base input[type="email"],
.form-base input[type="password"],
.form-base input[type="search"],
.form-base input[type="color"],
.form-base input[type="date"],
.form-base input[type="datetime-local"],
.form-base input[type="month"],
.form-base input[type="number"],
.form-base input[type="tel"],
.form-base input[type="time"],
.form-base input[type="url"],
.form-base input[type="week"],
.form-base input[list] {
  -webkit-appearance: none;
}

.form-base textarea {
  -webkit-appearance: none;
  overflow: auto;
}

.form-base input[type="range"] {
  height: 40px;
  width: 100%;
  max-width: 400px;
}

.form-base input[type="file"] {
  min-height: 40px;
}

.form-base input[type="search"] {
  height: 40px;
  -webkit-appearance: none;
}

.form-base input[type="search"]::-webkit-search-cancel-button,
.form-base input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.form-base input[type="checkbox"],
.form-base input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
}

.form-base select {
  height: 40px;
}

.form-base select[multiple] {
  height: auto;
  min-height: 40px;
  padding: 0;
}

.form-base select[multiple] option {
  margin: 0;
  padding: 8px;
}

.form-base fieldset {
  padding: 10px 25px;
  border-radius: 5px;
  border: 1px solid #c8c8c8;
}

.form-base legend {
  padding: 0;
  font-weight: inherit;
}

.form-base input[disabled],
.form-base textarea[disabled],
.form-base select[disabled],
.form-base option[disabled],
.form-base button[disabled] {
  cursor: not-allowed;
}

.form-base input:focus,
.form-base textarea:focus,
.form-base select:focus,
.form-base option:focus,
.form-base button:focus {
  background-color: gainsboro;
  border-color: inherit;
}

.form-base input[type="checkbox"]:focus,
.form-base input[type="radio"]:focus {
  outline: inherit solid 2px;
}

.form-base .label-inline,
.form-base .checkbox-text {
  display: inline-block;
}

.form-base .form-base-error,
.form-base .form-base-help {
  margin: 0;
  font-style: italic;
  font-size: 80%;
}

.form-base .form-base-error {
  color: #a52a2a;
}

/* Field Group Styles */
.field-group {
  margin-bottom: 1em;
}

/*
 * Typography
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 1em;
  margin-bottom: .382em;
  line-height: 1.125;
  text-rendering: optimizeLegibility;
}

/* Headings specific font size */
h1 {
  font-size: 2.225em;
}

h2 {
  font-size: 1.718em;
}

h3 {
  font-size: 1.375em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 1em;
}

/* Paragraph */
p {
  margin-top: 1em;
  margin-bottom: 1em;
}

.lead {
  color: #777;
  font-size: 1.125em;
}

small {
  font-size: 90%;
}

/*
 * Lists
 *
 * `ul` inside a `nav` element doesn't need the list style
 */
nav ul,
nav ol {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

ul,
ol,
dl {
  margin-bottom: 1em;
  margin-top: 0;
  line-height: 1.618;
}

li > ul,
li > ol {
  margin-bottom: 0;
}

/* Code */
pre {
  margin-top: 0;
  margin-bottom: 0;
  white-space: pre-wrap;
}

code,
kbd,
pre,
samp {
  font-family: "Menlo", Inconsolata, Consolas, Monaco, monospace;
}

/* Quotes */
blockquote {
  padding-left: 1.25em;
  margin: 1em 0;
  font-style: italic;
  border-left: 5px solid #eee;
}

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

/* Abbreviations */
abbr {
  cursor: help;
  font-variant: small-caps;
  font-weight: bold;
  text-transform: lowercase;
  letter-spacing: .1em;
}

/*
 * Buttons
 */
button,
.button,
a.button, a.button-primary,
.button-primary, a.button-gold,
.button-gold, .button-small, .button-large {
  display: inline-block;
  padding: .75em 1em;
  border: 0;
  border-radius: 4px;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  cursor: pointer;
}

button:focus,
.button:focus,
.button-primary:focus,
.button-gold:focus, .button-small:focus, .button-large:focus {
  outline: none;
}

button,
.button,
a.button {
  background-color: #bbb;
  color: #333;
}

button:hover,
.button:hover,
a.button:hover {
  background-color: #959595;
  color: #fff;
}

button:active,
.button:active,
a.button:active {
  background-color: #9c9c9c;
}

a.button-primary,
.button-primary {
  background-color: #0078e7;
  color: #e7f3ff;
}

a.button-primary:hover,
.button-primary:hover {
  background-color: #00509b;
  color: #fff;
}

a.button-primary:active,
.button-primary:active {
  background-color: #0058aa;
}

a.button-gold,
.button-gold {
  background-color: #9e9268;
  color: #e7f3ff;
}

a.button-gold:hover,
.button-gold:hover {
  background-color: #716849;
  color: #fff;
}

a.button-gold:active,
.button-gold:active {
  background-color: #7a714f;
}

.button-small {
  font-size: .818em !important;
}

.button-large {
  font-size: 1.125em !important;
}

/*
 * Comments
 */
#comments {
  border: 1px solid #eee;
  border-radius: 6px;
  /* Any video inside the comments */
}

#comments iframe {
  max-width: 100%;
}

.comments-title {
  margin-left: 1em;
  margin-top: 1em;
  margin-bottom: 0;
}

.comment-list {
  margin-top: 1em;
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.comment {
  padding: 1em;
  border-bottom: 1px dotted #eee;
}

.comment.odd {
  background-color: #f3f3f3;
}

.comment-author .avatar {
  float: left;
  margin-right: .5em;
}

.comment-metadata {
  font-size: .8em;
  font-style: italic;
}

#respond {
  padding: 1em;
}

#respond textarea,
#respond label {
  display: block;
}

/*
 * Media
 */
/* Images */
figure,
img {
  display: block;
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

/* Captions */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption .wp-caption-text {
  margin: .8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries */
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/**
 * Navigation
 */
/*
 *  Mobile nav toggle menu
 */
button.menu-toggle {
  width: 100%;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
  padding: .5em 1em;
  color: #fff;
  background-color: #142e61;
  border-radius: 2px;
}

button.menu-toggle .menu-toggle-icon {
  float: right;
}

button.menu-toggle span {
  float: left;
  margin-top: .4em;
  text-transform: uppercase;
}

@media only screen and (min-width: 48em) {
  button.menu-toggle {
    margin-top: 2em;
    max-width: 60%;
  }
}

@media only screen and (min-width: 60em) {
  button.menu-toggle {
    margin-top: 1em;
  }
}

/*
 * Basic layout and styling for navigation (mobile first)
 */
#primary-menu {
  width: auto;
  margin-top: .5em;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
}

@media only screen and (min-width: 48em) {
  #primary-menu {
    display: inline-block !important;
  }
}

.section-navigation {
  background-color: #023a6e;
}

@media only screen and (min-width: 48em) {
  .section-navigation {
    text-align: center;
  }
}

.menu-item,
.page_item {
  position: relative;
}

.menu-item a,
.page_item a {
  display: inline-block;
  padding: .5em 1em;
  width: 100%;
  margin-bottom: 1px;
  color: #fff;
  text-transform: uppercase;
  background-color: #022f5a;
}

.menu-item a:hover,
.page_item a:hover {
  background-color: #9e9268;
}

@media only screen and (min-width: 60em) {
  .menu-item a,
  .page_item a {
    float: left;
    width: auto;
    margin-bottom: 0;
    padding: .2em 1.2em;
    background-color: transparent;
  }
}

.menu-item:first-child,
.page_item:first-child {
  border-left: 0;
  margin-left: 0;
  padding-left: 0;
}

@media only screen and (min-width: 60em) {
  .menu-item,
  .page_item {
    float: left;
  }
}

/*
 * Dropdown structure
 */
@media only screen and (min-width: 60em) {
  .menu-item-has-children:hover > .sub-menu,
  .page_item-has-children:hover > .sub-menu {
    display: block !important;
  }
}

/* Top level menu item */
.menu-item .dropdown-icon-link,
.page_item .dropdown-icon-link {
  display: inline-block;
  float: right;
  padding: .45em 0 0;
  width: 10%;
  text-align: center;
  border-left: 1px solid #071022;
  background-color: #0b1a37;
}

@media only screen and (min-width: 60em) {
  .menu-item .dropdown-icon-link,
  .page_item .dropdown-icon-link {
    display: none !important;
  }
}

.menu-item .dropdown-icon,
.page_item .dropdown-icon {
  margin-top: 4px;
  margin-bottom: -2px;
}

.menu-item.menu-item-has-children > a:not(.dropdown-icon-link),
.page_item.menu-item-has-children > a:not(.dropdown-icon-link) {
  width: 90% !important;
}

@media only screen and (min-width: 60em) {
  .menu-item.menu-item-has-children > a:not(.dropdown-icon-link),
  .page_item.menu-item-has-children > a:not(.dropdown-icon-link) {
    width: 100% !important;
  }
}

.menu-item:not(.menu-item-has-children) .dropdown-icon-link,
.page_item:not(.menu-item-has-children) .dropdown-icon-link {
  display: none;
}

.show-children > .sub-menu,
.show-children > .children {
  display: block !important;
}

.sub-menu,
.children {
  display: none;
}

.sub-menu .menu-item,
.sub-menu .page_item,
.children .menu-item,
.children .page_item {
  border: 0;
  display: block;
  float: none;
}

@media only screen and (min-width: 60em) {
  .sub-menu .menu-item a,
  .sub-menu .page_item a,
  .children .menu-item a,
  .children .page_item a {
    padding: .5em 1em !important;
    width: 100%;
    font-size: .9em;
    float: none;
  }
}

.sub-menu a:not(.dropdown-icon-link),
.children a:not(.dropdown-icon-link) {
  padding-left: 3em;
}

.sub-menu .sub-menu a:not(.dropdown-icon-link),
.sub-menu .children a:not(.dropdown-icon-link),
.children .sub-menu a:not(.dropdown-icon-link),
.children .children a:not(.dropdown-icon-link) {
  padding-left: 6em;
}

@media only screen and (min-width: 60em) {
  .sub-menu .sub-menu,
  .sub-menu .children,
  .children .sub-menu,
  .children .children {
    top: 0%;
    left: 101%;
  }
}

@media only screen and (min-width: 60em) {
  .sub-menu,
  .children {
    position: absolute;
    width: 10em;
    top: 100%;
  }
}

/* Toggle button for mobile navigation */
.menu-toggle,
.main-navigation.toggled .nav-menu {
  display: block;
}

@media only screen and (min-width: 60em) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu {
    display: none;
  }
}

.main-navigation .nav-menu {
  display: none;
}

@media only screen and (min-width: 60em) {
  .main-navigation .nav-menu {
    display: block;
  }
}

/* Misc navigation elements */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}

/* Pagination */
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}

/*
 * Tables
 */
table {
  margin-bottom: 1em;
  width: 100%;
  font-size: 85%;
  border: 1px solid #b3b3b3;
  border-collapse: collapse;
}

td,
th {
  padding: .25em .5em;
  border: 1px solid #e6e6e6;
}

th {
  text-align: left;
}

tbody tr:nth-child(odd) td,
tbody tr:nth-child(odd) th {
  background-color: #f2f2f2;
}

/**
 * Site footer
 */
.site-footer {
  padding: 2em 0;
  text-align: center;
  background-color: #142e61;
  color: #fff;
  border-top: 8px solid #9e9268;
}

.site-footer .site-info {
  font-weight: 800;
  letter-spacing: 1px;
}

.site-footer a {
  color: #fff;
}

.footer-address {
  display: inline;
}

.social-icon {
  margin-right: .3em;
  font-size: 1.5em;
}

[class^="col-"]:first-child {
  margin-left: 0 !important;
}

.col-1-1 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-1 {
    float: none;
    margin-left: 0;
    width: 100%;
  }
}

.col-1-2 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-2 {
    float: left;
    margin-left: 3%;
    width: 48.5%;
  }
}

.col-1-3 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-3 {
    float: left;
    margin-left: 3%;
    width: 31.3333333333%;
  }
}

.col-1-4 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-4 {
    float: left;
    margin-left: 3%;
    width: 22.75%;
  }
}

.col-1-5 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-5 {
    float: left;
    margin-left: 3%;
    width: 17.6%;
  }
}

.col-1-6 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-6 {
    float: left;
    margin-left: 3%;
    width: 14.1666666667%;
  }
}

.col-1-7 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-7 {
    float: left;
    margin-left: 3%;
    width: 11.7142857143%;
  }
}

.col-1-8 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-8 {
    float: left;
    margin-left: 3%;
    width: 9.875%;
  }
}

.col-1-9 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-9 {
    float: left;
    margin-left: 3%;
    width: 8.4444444444%;
  }
}

.col-1-10 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-10 {
    float: left;
    margin-left: 3%;
    width: 7.3%;
  }
}

.col-1-11 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-11 {
    float: left;
    margin-left: 3%;
    width: 6.3636363636%;
  }
}

.col-1-12 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1-12 {
    float: left;
    margin-left: 3%;
    width: 5.5833333333%;
  }
}

.span-1-1 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-1 {
    float: none;
    margin-left: 0;
    width: 100%;
  }
}

.span-1-2 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-2 {
    float: left;
    margin-left: 0%;
    width: 50%;
  }
}

.span-1-3 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-3 {
    float: left;
    margin-left: 0%;
    width: 33.3333333333%;
  }
}

.span-1-4 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-4 {
    float: left;
    margin-left: 0%;
    width: 25%;
  }
}

.span-1-5 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-5 {
    float: left;
    margin-left: 0%;
    width: 20%;
  }
}

.span-1-6 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-6 {
    float: left;
    margin-left: 0%;
    width: 16.6666666667%;
  }
}

.span-1-7 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-7 {
    float: left;
    margin-left: 0%;
    width: 14.2857142857%;
  }
}

.span-1-8 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-8 {
    float: left;
    margin-left: 0%;
    width: 12.5%;
  }
}

.span-1-9 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-9 {
    float: left;
    margin-left: 0%;
    width: 11.1111111111%;
  }
}

.span-1-10 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-10 {
    float: left;
    margin-left: 0%;
    width: 10%;
  }
}

.span-1-11 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-11 {
    float: left;
    margin-left: 0%;
    width: 9.0909090909%;
  }
}

.span-1-12 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1-12 {
    float: left;
    margin-left: 0%;
    width: 8.3333333333%;
  }
}

.col-1 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-1 {
    float: left;
    margin-left: 3%;
    width: 5.5833333333%;
  }
}

.col-2 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-2 {
    float: left;
    margin-left: 3%;
    width: 14.1666666667%;
  }
}

.col-3 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-3 {
    float: left;
    margin-left: 3%;
    width: 22.75%;
  }
}

.col-4 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-4 {
    float: left;
    margin-left: 3%;
    width: 31.3333333333%;
  }
}

.col-5 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-5 {
    float: left;
    margin-left: 3%;
    width: 39.9166666667%;
  }
}

.col-6 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-6 {
    float: left;
    margin-left: 3%;
    width: 48.5%;
  }
}

.col-7 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-7 {
    float: left;
    margin-left: 3%;
    width: 57.0833333333%;
  }
}

.col-8 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-8 {
    float: left;
    margin-left: 3%;
    width: 65.6666666667%;
  }
}

.col-9 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-9 {
    float: left;
    margin-left: 3%;
    width: 74.25%;
  }
}

.col-10 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-10 {
    float: left;
    margin-left: 3%;
    width: 82.8333333333%;
  }
}

.col-11 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-11 {
    float: left;
    margin-left: 3%;
    width: 91.4166666667%;
  }
}

.col-12 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .col-12 {
    float: none;
    margin-left: 0;
    width: 100%;
  }
}

.span-1 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-1 {
    float: left;
    margin-left: 0%;
    width: 8.3333333333%;
  }
}

.span-2 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-2 {
    float: left;
    margin-left: 0%;
    width: 16.6666666667%;
  }
}

.span-3 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-3 {
    float: left;
    margin-left: 0%;
    width: 25%;
  }
}

.span-4 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-4 {
    float: left;
    margin-left: 0%;
    width: 33.3333333333%;
  }
}

.span-5 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-5 {
    float: left;
    margin-left: 0%;
    width: 41.6666666667%;
  }
}

.span-6 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-6 {
    float: left;
    margin-left: 0%;
    width: 50%;
  }
}

.span-7 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-7 {
    float: left;
    margin-left: 0%;
    width: 58.3333333333%;
  }
}

.span-8 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-8 {
    float: left;
    margin-left: 0%;
    width: 66.6666666667%;
  }
}

.span-9 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-9 {
    float: left;
    margin-left: 0%;
    width: 75%;
  }
}

.span-10 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-10 {
    float: left;
    margin-left: 0%;
    width: 83.3333333333%;
  }
}

.span-11 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-11 {
    float: left;
    margin-left: 0%;
    width: 91.6666666667%;
  }
}

.span-12 {
  float: none;
  margin-left: 0;
  width: 100%;
}

@media only screen and (min-width: 48em) {
  .span-12 {
    float: none;
    margin-left: 0;
    width: 100%;
  }
}

/*
 * Header
 */
.site-header {
  text-align: center;
}

@media only screen and (min-width: 48em) {
  .site-header {
    text-align: left;
  }
}

.site-branding {
  text-align: left;
}

.site-logo {
  float: left;
  max-width: 100%;
  margin: 1em auto;
}

@media only screen and (min-width: 48em) {
  .site-logo {
    max-width: 100%;
  }
}

.site-title {
  margin-top: 0;
}

.site-description {
  font-weight: normal;
}

.header-slogan p {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.2em;
  color: #9e9268;
}

@media only screen and (min-width: 48em) {
  .header-slogan {
    text-align: center;
  }
}

.header-info {
  margin-top: 1em;
  font-style: italic;
  text-align: center;
}

.header-info p {
  font-weight: 800;
}

.header-info .phone-link {
  font-size: 1.5em;
}

@media only screen and (min-width: 48em) {
  .header-info {
    text-align: right;
  }
}

/*
 * Main styling
 */
.container, .container-narrow, .container-wide {
  margin: 0 auto;
  padding-left: 1em;
  padding-right: 1em;
}

.container {
  max-width: 60em;
}

.container-narrow {
  max-width: 45em;
}

.container-wide {
  max-width: 75em;
}

.site-main .entry-title {
  margin-top: 0;
}

.entry-meta {
  text-transform: uppercase;
  color: #777;
}

.entry-meta a {
  color: #555;
}

/*
 * Home
 */
.home .entry-title {
  display: none;
}

/*
 * CTA
 */
.cta {
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #023a6e;
  color: #fff;
  text-align: center;
  border-top: 8px solid #9e9268;
}

.cta-text {
  margin-top: .4em;
  margin-bottom: 0;
  font-size: 1.5em;
  font-weight: bold;
  font-style: italic;
  letter-spacing: 1px;
  text-shadow: 0 0.1em rgba(0, 0, 0, 0.8);
}

.button-cta {
  padding-left: 1.8em !important;
  padding-right: 1.8em !important;
  font-size: 1.3em !important;
}

.logo-lone-star {
  display: block;
  margin: 0 auto;
  max-width: 20em;
}

/*
 * Pages
 */
.page-template-default #content {
  margin-top: 2em;
  margin-bottom: 2em;
}

/*
 * Sidebar
 */
#secondary {
  padding: 2em 1em 1em;
  background-color: #eee;
}

#secondary .search-submit {
  display: none;
}

#secondary h1.widget-title {
  font-size: 1.718em;
}

#secondary .widget-title {
  padding-bottom: .5em;
  margin-bottom: .5em;
  border-bottom: 1px solid #555;
}

#secondary .widget ul {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}

/**
 * Home page
 */
.home article {
  border-bottom: 0 !important;
}

/*
  * Hero section
  */
.site-hero {
  margin-top: 1em;
  margin-bottom: 2em;
}

.front-page-unit {
  margin-bottom: 1em;
  position: relative;
  text-align: center;
  border: 1px solid #023a6e;
}

@media only screen and (min-width: 48em) {
  .front-page-unit {
    margin-bottom: 0;
  }
}

.front-page-unit-content {
  border-top: 1px solid #142e61;
}

.front-page-unit-title {
  display: inline-block;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #142e61;
  text-transform: uppercase;
}

.front-page-unit-icon {
  margin-left: .5em;
  margin-bottom: -.5em;
  display: inline-block;
  width: 2em;
}

/*
 * Statement
 */
.section-statement {
  color: #fff;
  text-align: center;
  background-color: #023a6e;
  border-top: 8px solid #9e9268;
}

.section-statement p {
  font-style: italic;
  font-weight: 800;
  font-size: 1.6em;
}

/*
 * Main content
 */
.home #main {
  margin-top: 1em;
  margin-bottom: 1em;
  color: #555;
}

@media only screen and (min-width: 48em) {
  .home #main {
    margin-top: 4em;
    margin-bottom: 4em;
  }
}

.home #primary {
  padding-top: 2em;
  padding-bottom: 2em;
}

.home #primary .button {
  float: none;
  margin: 0 auto;
}

.home .units-row {
  border-top: 3px solid #eee;
  padding-top: 2em;
  margin-top: 2em;
}

.home .unit-img {
  margin-top: 1em;
  background-color: #fff;
  padding: 1em;
  border: 1px solid #ccc;
  border-radius: .3em;
}

/*
 * Vehicles
 */
.vehicle-use-box {
  margin-top: 1em;
  padding: 1em;
  background-color: #f0efe9;
  border-top: 8px solid #96885f;
}

.vehicle-use-title {
  margin-top: 0;
}

.vehicle-use-list {
  padding-left: 0;
  margin-left: 0;
  list-style: none;
}

/*
 * Testimonials
 */
.testimonials {
  padding-top: 2em;
  padding-bottom: 2em;
  background-image: url("/wp-content/themes/whiteboard/img/testimonial-bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center center;
}

.testimonial {
  position: relative;
  border: 0;
  font-style: normal;
}

.testimonial p {
  color: #555;
  font-size: 1.2em;
}

.testimonial footer {
  text-align: right;
}

.testimonial::before {
  top: -.4em;
  left: -.4em;
  position: absolute;
  content: '“';
  color: #023a6e;
  font-size: 8em;
}

.testimonial::after {
  top: -.4em;
  right: -.3em;
  position: absolute;
  content: '”';
  color: #023a6e;
  font-size: 8em;
}

/*
 * Home content
 */
.home #primary {
  background-image: url("/wp-content/themes/whiteboard/img/intro-bg.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: bottom;
}

/*
 * Front page CTA
 */
.front-page-cta a {
  color: #fff;
}

/*
 * Logos
 */
.front-page-logos {
  padding-top: 2em;
  padding-bottom: .5em;
}

.front-page-logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
}

@media only screen and (min-width: 48em) {
  .front-page-logo {
    display: inline-block;
    margin-bottom: 0;
  }
}

.logo-buyboard {
  max-width: 15em;
}

@media only screen and (min-width: 48em) {
  .logo-hub {
    max-width: 18em;
  }
}

/*
 * Blog page
 */
.blog article {
  margin-bottom: 4em;
  padding-bottom: 2em;
  border-bottom: 1px dotted #777;
}

/*# sourceMappingURL=style.css.map */