/*!
Theme Name: Global Consulting 2019
Theme URI: http://pilotdigital.com/themes/chicago-1924
Author: Pilot Digital
Author URI: http://pilotdigital.com
Description: first aerial circumnavigation of the world
Version: 1.0.0
Template: chicago-1924
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: chicago-1924
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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.

Chicago 1924 is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global
# Typography
# Elements
# Forms
# Navigation
# Widgets
# Content
# Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/


:root {
  --primary: #121212;
  --accent: #107D7F;
  --accent-darker: #0a5052;
  --neutral-900: #223633;
  --neutral-300: #D4D4D4;
  --neutral-100: #F0F0F0;
  --link-color: #0080CD;
  --link-color-lighter: #01a0ff;
}

body {
  color: #121212;
  color: var(--primary);
  font-family: 'franklin-gothic-urw', Arial, sans-serif;
  font-size: 1.1em;
  font-weight: 400;
  margin: 0;
  text-rendering: optimizeLegibility;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

h1, h2, h4, h5, h6 {
  font-family: 'franklin-gothic-urw-cond', Arial, sans-serif;
  line-height: 1.25;
}

h1 {
  font-size: 3em;
}

h1, h3 {
  color: #107D7F;
  color: var(--accent);
}

h2 {
  font-size: 2.25em;
}

h3 {
  font-size: 1.5em;
  text-transform: uppercase;
}

h4 {
  font-size: 1.25em;
}

p {
  font-size: 1.1em;
  line-height: 1.5;
}

p.intro {
  font-size: 1.5em;
  line-height: 1.7;
}

blockquote {
  border-color: #D4D4D4;
  border-left: 7px solid var(--neutral-300);
  color: #107D7F;
  color: var(--accent);
  font-size: 1.2em;
  font-style: italic;
  font-weight: 400;
  margin: 2em;
  max-width: 50ch;
  padding: 0 1.5em;
  position: relative;
  quotes: "“" "”" "‘" "’";
}

blockquote p:before {
  content: open-quote;
  left: 1em;
  position: absolute;
  top: 0;
}

blockquote p::after {
  content: close-quote;
}

blockquote cite {
  font-size: 1rem;
}

blockquote cite::before {
  content: "\2014";
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

hr {
  background: #D4D4D4;
  background: var(--neutral-300);
  border: none;
  height: 1px;
}

/* Lists
	 ========================================================================== */

ul, ol {
  list-style: none;
}

ul li,
ol li {
  line-height: 1.5;
  margin: .5rem 0;
}

/* Change color of bullet */
article ul li::before {
  content: "\2022";
  color: #121212;
  color: var(--primary);
  display: inline-block;
  width: 1rem;
  margin-left: -1rem;
}

/* Tables
	 ========================================================================== */

table {
  border-collapse: collapse;
  margin: 1rem 0 3rem;
  width: 100%;
}

thead th {
  background: #F0F0F0;
  background: var(--neutral-100);
  font-family: 'franklin-gothic-urw', Arial, sans-serif;
  font-weight: normal;
}

tr {
  border-color: #F0F0F0;
  border-bottom: 1px solid var(--neutral-100);
  line-height: 2;
}

th,
td {
  line-height: 1.5;
  padding: .5rem;
  text-align: left;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

form {
  font-family: 'franklin-gothic-urw', Arial, sans-serif;
  font-size: 1rem;
  margin-bottom: 1rem;
}

form ul {
  padding: 0;
}

form ul li::before {
  display: none;
}

.form-label {
  font-family: 'franklin-gothic-urw', Arial, sans-serif;
  display: block;
  line-height: 2;
}

input,
textarea,
select {
  font-family: inherit;
  font-size: 1rem;
  padding: .75rem;
  border: 1px solid #D4D4D4;
  transition: all 0.3s ease;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
  border-color: #107D7F;
  box-shadow: 0 0 0 1px #107D7F;
}

/* Custom select arrow */

select {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDUwIDUwIj48cGF0aCBkPSJNNDUuODEgMTEuMzdhMi45IDIuOSAwIDAgMSAyLjkgMiAzIDMgMCAwIDEtLjY0IDMuNDZMMjcuMjYgMzcuNjZhMy4xMiAzLjEyIDAgMCAxLTQuNTIgMEwxLjkzIDE2Ljg1YTMgMyAwIDAgMS0uNjQtMy40NiAyLjkgMi45IDAgMCAxIDIuOS0yeiIgZmlsbD0iIzEyMTIxMiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: calc(100% - 1rem) center;
  background-size: .6875rem;
  background-color: transparent;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2rem;
}

/* Custom radio button and checkbox */

input[type="radio"]:checked,
input[type="radio"]:not(:checked),
input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked) {
  position: absolute;
  left: -9999px;
}

input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label,
input[type="checkbox"]:checked + label,
input[type="checkbox"]:not(:checked) + label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  line-height: 22px;
  display: inline-block;
  color: #121212;
}

input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before,
input[type="checkbox"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  border: 1px solid #D4D4D4;
}

input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
  border-radius: 100%;
}

input[type="checkbox"]:checked + label:before {
  background: #107D7F;
  border-color: #107D7F;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after,
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after {
  content: '';
  position: absolute;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
  width: 12px;
  height: 12px;
  background: #107D7F;
  top: 4px;
  left: 4px;
  border-radius: 100%;
}

input[type="radio"]:not(:checked) + label:after,
input[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}

input[type="radio"]:checked + label:after,
input[type="checkbox"]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

input[type="checkbox"]:checked + label:after {
  left: 6px;
  top: 6px;
  height: 4px;
  width: 7px;
  border-left: 2px solid;
  border-bottom: 2px solid;
  border-color: white;
  -webkit-transform: rotate(-45deg) scale(1);
          transform: rotate(-45deg) scale(1);
}

input[type="radio"]:focus + label:before,
input[type="checkbox"]:focus + label:before {
  border-color: #107D7F;
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/* Links
	 ========================================================================== */

a {
  color: #0080CD;
  color: var(--link-color);
}

a:hover,
a:active {
  color: #01a0ff;
  color: var(--link-color-lighter);
  transition: all 0.2s;
}

a:focus {
  outline: thin dotted;
}

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

/* Buttons
	 ========================================================================== */

button,
input[type="submit"],
.btn-primary,
.wp-block-button__link {
  background: #121212;
  background: var(--primary);
  border: none;
  border-radius: 0;
  color: white;
  cursor: pointer;
  font-family: 'franklin-gothic-urw', Arial, sans-serif;
  font-size: 1em;
  padding: .75em 1.5em;
  margin: 1em 0;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

button:hover,
input[type="submit"]:hover,
.btn-primary:hover,
.wp-block-button__link:hover {
  background: #107D7F;
  background: var(--accent);
}

/* Outline style */

.btn-outline,
.btn-outline-inverse,
.cta-block .wp-block-button > .wp-block-button__link {
  background: none;
  border-color: #121212;
  border: 2px solid var(--primary);
  color: #121212;
  color: var(--primary);
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}

.cta-block .wp-block-button > .wp-block-button__link {
  padding: .8em 1.5em .8em 1.7em;
}

.btn-outline-inverse,
.cta-block .wp-block-button > .wp-block-button__link {
  border: 2px solid white;
  color: white;
}

.btn-outline::before,
.btn-outline-inverse::before,
.cta-block .wp-block-button > .wp-block-button__link::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #121212;
  border-color: var(--primary);
  border-style: solid;
  border-width: 0;
  -webkit-transition: border-width 0.1s ease-out;
  transition: border-width 0.1s ease-out;
}

.btn-outline-inverse::before,
.cta-block .wp-block-button > .wp-block-button__link::before {
  border-color: white;
}

.btn-outline-inverse:hover,
.cta-block .wp-block-button > .wp-block-button__link:hover {
  background: none;
}

.btn-outline:hover::before,
.btn-outline-inverse:hover::before,
.cta-block .wp-block-button > .wp-block-button__link:hover::before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 3px;
}

.cta-block .wp-block-button > .wp-block-button__link:after{
  content: "\2192";
  height: 8px;
  margin-left: 9px;
  width: 12px;
}


/* Menus
	 ========================================================================== */

 ul.menu > li {
   flex: 1 1 auto;
 }

 ul.menu > li > a {
   color: white;
   padding: 0 1em;
 }

 ul.menu > li > a:hover {
   text-decoration: underline;
 }


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.site-header,
.site-footer {
  background: #121212;
  background: var(--primary);
  color: white;
  padding: 1rem 0;
}

.site-header .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

img {
  max-width: 100%;
  height: auto;
}

.entry-footer > span {
  display: block;
}

/* Footer
	 ========================================================================== */

.site-footer a,
.site-footer .widget-title {
  color: white;
}

.site-footer h3.widget-title {
  font-size: 1.25em;
}

.site-footer .custom-logo {
  max-height: 70px;
  margin-left: -80px
}

/* Social Links */

.social-links a {
  width: 2em;
  height: 2em;
  font-size: 1em;
  text-indent: 100%;
  text-align: center;
  overflow: hidden;
  margin-right: .5em;
  display: inline-block;
  text-decoration: none;
}

.social-links a::before {
  text-indent: 0;
  font-family: 'Font Awesome\ 5 Brands';
  display: block;
  background: #107D7F;
  background: var(--accent);
  border-radius: 50%;
  padding: .5em;
}

.social-links a:hover::before {
  background: white;
  color: #107D7F;
  color: var(--accent);
}


/* Layout
	 ========================================================================== */

.flex,
.menu {
  display: flex;
  flex-wrap: wrap;
}

.cta-block .wp-block-column .has-2-columns,
.footer-widget-order-column,
.entry-content .has-2-columns.wall-to-wall,
.entry-content .has-1-columns.wall-to-wall > .wp-block-column > .has-2-columns {
  justify-content: center;
}

.cta-block .wp-block-column .has-2-columns {
  align-items: center;
}

.cta-block .wp-block-column .has-2-columns .wp-block-column,
.footer-widget-order-column.columns-2 > .footer-widget-col-1,
.footer-widget-order-column.columns-2 > .footer-widget-col-2,
.site-info-block.flex > .site-info,
.entry-content .has-2-columns.wall-to-wall > .wp-block-column,
.entry-content .has-1-columns.wall-to-wall > .wp-block-column > .has-2-columns > .wp-block-column {
  flex: 0 1 40%;
  margin: 0;
}

.has-1-columns > .wp-block-column { /* override default WP settings */
  flex-basis: 100%;
  margin-right: 0;
}

.wp-block-column:not(:last-child),
.wp-block-column:nth-child(2n+1) {
  margin-right: 0;
  padding-right: 32px;
}

.site-footer,
.wall-to-wall {
  padding: 4em 0;
}

.fancy-ol {
  padding-bottom: 4em;
}

.home p.has-background /* Temp for client logo bar */ {
  margin-bottom: 4em;
}


/*	Jobs
	 ========================================================================== */

.jobs-view{

}


.jobs-view > aside,
#labSearchBox > h4 {
	flex: 1 1 25%;
}

.jobs-view > .jobs-grid,
#labSearchBox > form {
	flex: 1 1 75%;
}

.job-grid-item {
	flex: 1 1 33%;
  background: #F0F0F0;
  padding: 1em 2em;
  margin: 1em 0;
  display: flex;
}

.job-grid-item > .entry-header > .entry-title > a {
  color: #107D7F;
  text-decoration: none;
}

.job-grid-item > .entry-header > .entry-title > a:hover {
  text-decoration: underline;
}

.job-grid-item > .entry-header,
.job-grid-item > .entry-content {
  flex: 0 1 auto;
  margin-right: 2em;
}

.job-grid-item > .entry-header {
  flex: 1;
}

.job-grid-item > .entry-content {
  flex: 2;
}

.job-grid-item > .entry-footer {
  flex: 0; /* this will need a better solution */
}

/* Pages
	 ========================================================================== */

.entry-content {
  max-width: 80%;
  margin: auto;
}
/* About page */
.page-id-5 .entry-content {
  max-width: 768px;
}

.dark-bg {
  background: #121212;
  color: white !important;
}

.grey-bg {
  background: #F0F0F0;
}

.fancy-ol > .wp-block-column,
.caret >.wp-block-column {
  margin-left: 4em;
  position: relative;
}

.fancy-ol > .wp-block-column::before,
.caret >.wp-block-column::before {
  background: #F0F0F0;
  color: #107D7F;
  border-radius: 50% 50%;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: 1em;
  left: -4em;
  width: 1em;
  height: 1em;
  padding: 1em;
}

.fancy-ol > .wp-block-column:nth-of-type(1)::before {
  content: "1";
}

.fancy-ol > .wp-block-column:nth-of-type(2)::before {
  content: "2";
}

.fancy-ol > .wp-block-column:nth-of-type(3)::before {
  content: "3";
}

.caret >.wp-block-column::before {
  content: "\f105";
  font-family: 'Font Awesome\ 5 Free';
  font-weight: 900;
}

/* CTA Block */

.cta-block {
  background: #107D7F;
  background: var(--accent);
}

.cta-block .wp-block-column .has-2-columns .wp-block-column > .wp-block-button {
  margin: 0;
}

.cta-block h3,
.cta-block p {
  color: white;
}

/* Posts
	 ========================================================================== */


/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/

@media all and (max-width: 1280px) { }

@media all and (max-width: 1024px) {

  .cta-block .wp-block-button {
    text-align: center;
  }

}

@media all and (max-width: 960px) { }

@media all and (max-width: 768px) {

  .cta-block .wp-block-column .has-2-columns {
    flex-direction: column;
  }

  .cta-block .wp-block-column .has-2-columns .wp-block-column {
    text-align: center;
  }

  .footer-widget-order-column.columns-2 {
    margin-left: 1em;
  }

}

@media all and (max-width: 600px) {

  .footer-widget-order-column.columns-2 {
    flex-direction: column;
  }

  .cta-block .wp-block-column .has-2-columns .wp-block-column,
  .footer-widget-order-column.columns-2 > .footer-widget-col-1,
  .footer-widget-order-column.columns-2 > .footer-widget-col-2,
  .site-info-block.flex > .site-info {
    flex: 1;
  }

  .site-footer .custom-logo {
    margin-left: -1em;
  }

}

@media all and (max-width: 480px) { }

/* Overrides */

.wrapper {
  border: 0 !important;
  padding: 0 1.5em;
}

.custom-logo {
  width: auto !important;
  max-height: 50px;
}