/**
 * @version 2.6.1
 *
 * @todo 	add offsets to is-phone, is-laptop, ... media queries
 *
 * 2015-01-21
 * - added font-bold() and font-italic()
 * - plenty of new responsive mixins
 * 2015-01-29
 * - fixed the mobile() mixin
 * 2015-02-01
 * - fix a bug in font()
 * - new background-image() mixin with HD support
 * - added arrow() mixin
 * 2015-02-03
 * - added the flag $responsive for responsive function
 * - added defaut values to background-image
 * 2015-02-06
 * - added param clear-gutters in columns
 * - changed the background-image parameters name
 * 2015-02-18
 * - added !important attribute to fixed/absolute mixins
 * 2015-02-21
 * - fixed font() to dela with line-height and letter-spacing without the size being specified
 * 2015-02-23
 * - fixed box-shadow() bug
 * 2015-03-05
 * - added @content in center-children()
 * 2015-03-12
 * - added triangle()
 * 2015-03-13
 * - new generate-grid(), col() and row();
 * 2015-03-15
 * - added classname to generate-grid()
 * - added around-circle()
 * - added desktop() mixin, fixes to some responsive mixins
 * - more fixes to the responsive mixins
 * 2015-04-16
 * - added clear-grid()
 * 2015-04-23
 * - added $force attribute to the resonsive mixins
 * 2015-05-08
 * - added generate-keyframes() mixin, keyframe-value() and is-keyframes() functions
 * 2015-06-23
 * - added a parent selector for grids (eg. [data-row][data-col="3"] > *)
 * 2015-07-25
 * - added conditional sections
 * 2015-09-11
 * - added base-scales for fonts
 * 2015-10-01
 * - added align-children()
 * 2016-02-01
 * - added new transform mixins
 * 2016-06-21
 * - restructured all the functions
 * - created a new mixins.deprecated.scss
 */
@charset "utf-8";
@font-face {
  font-family: "CircularPro-Book";
  src: url("/wp-content/themes/state-theme/fonts/lineto-circular-pro-book.eot?v=1");
  src: url("/wp-content/themes/state-theme/fonts/lineto-circular-pro-book.eot?v=1#iefix") format("embedded-opentype"), url("/wp-content/themes/state-theme/fonts/lineto-circular-pro-book.woff?v=1") format("woff"), url("/wp-content/themes/state-theme/fonts/lineto-circular-pro-book.ttf?v=1") format("truetype"), url("/wp-content/themes/state-theme/fonts/lineto-circular-pro-book.svg?v=1#CircularPro-Book") format("svg");
  font-weight: normal;
  font-style: normal; }

.home .homepage-featured-section h2 {
  z-index: 2;
  position: absolute; }

.home .homepage-featured-section .homepage-image-link {
  display: block;
  position: relative;
  z-index: 1; }
  .home .homepage-featured-section .homepage-image-link img {
    z-index: 1; }

@media screen and (max-width: 768px) {
  .home .homepage-featured-section h2 {
    display: inline-block;
    margin: -2.3rem 0 0 -1.6rem;
    padding: 0.8rem 1.6rem;
    position: relative; }
    .home .homepage-featured-section h2 a {
      display: inline-block;
      line-height: 1.1em; }
  .home .homepage-featured-section .homepage-image-link {
    display: inline-block;
    margin-top: -50px; }
  .home .homepage-featured-section .homepage-content {
    padding-top: 19px; } }

@media screen and (min-width: 415px) {
  .research-item-description-extra {
    margin-bottom: 60px; } }

@media screen and (max-width: 414px) {
  .research-main-post {
    display: flex;
    flex-direction: column;
    padding-top: 22px; }
    .research-main-post::before {
      right: -16px; }
    .research-main-post .entry-content {
      order: 2;
      display: flex;
      flex-direction: column;
      padding-right: 0;
      padding-bottom: 38px; }
    .research-main-post .research-item-links {
      order: 1;
      text-align: center;
      margin-bottom: -8px; }
    .research-main-post .addthis_inline_share_toolbox {
      order: 2;
      text-align: center; }
    .research-main-post .research-item-details {
      order: 3;
      text-align: center;
      margin-bottom: 48px; }
    .research-main-post .research-item-description {
      order: 4; }
    .research-main-post .research-item-description-extra {
      order: 5; }
  .research-image-wrapper {
    order: 1;
    text-align: center;
    margin-bottom: 14px; }
    .research-image-wrapper img {
      padding-right: 0 !important;
      max-width: 200px; } }

header .menu li:not(:hover) .sub-menu {
  pointer-events: none; }

.big-text, .small-text {
  margin-bottom: 2.2rem; }
  .big-text p, .small-text p {
    font-size: 1em; }
  .big-text p:last-child, .small-text p:last-child {
    margin-bottom: 0; }

.big-text {
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
  font-size: 2.6rem;
  line-height: 3.2rem;
  letter-spacing: 0.05rem;
  font-weight: 300;
  /*
	@include is-maximum-tablet{
		@include font-size(18,22);
	}
	*/ }
  @media screen and (max-width: 768px) {
    .big-text {
      font-size: 2.2rem;
      line-height: 2.6rem; } }

.small-text {
  font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 300; }

.call-out-box {
  background: #c9cfd1;
  margin: 5.7rem 0 5.5rem 20.5%;
  padding: 46px; }
  @media screen and (max-width: 768px) {
    .call-out-box {
      margin: 2rem -2rem;
      padding: 2rem; } }

.footnote:not([data-target]) {
  display: none; }

.footnote-number {
  font-family: CircularPro-Bold, sans-serif; }
  .footnote-number.-outside {
    font-size: 1.4rem;
    cursor: help;
    margin-left: -0.1em;
    margin-right: 0.2em;
    color: #bd8a60; }
  .footnote-number.-inside {
    font-size: 1.1rem;
    color: #bd8a60;
    margin-right: 4px; }

.footnote-content {
  position: absolute;
  bottom: 100%;
  left: -15px;
  padding-bottom: 5px;
  width: 200px;
  text-align: center; }

.footnote-inside {
  font-family: CircularPro-Bold, sans-serif;
  font-size: 1.1rem;
  line-height: 1.2em;
  background: #29333c;
  color: #c9cfd1;
  padding: 15px;
  text-align: left; }
  .footnote-inside a {
    font: inherit;
    color: currentColor; }

body:not(.page-template-template-act) #content form input[type="tel"], body:not(.page-template-template-act) #content form input[type="email"], body:not(.page-template-template-act) #content form input[type="text"], body:not(.page-template-template-act) #content form textarea {
  border-color: #e2e2e2; }

body:not(.page-template-template-act) #content form .cs-v2-form-label {
  font-family: 'CircularPro-Medium';
  color: #505d69; }

body:not(.page-template-template-act) #content form .cs-v2-form-label-required {
  font-family: 'CircularPro-Medium'; }

body:not(.page-template-template-act) #content form .cs-v2-form-block {
  margin-bottom: 30px; }

body:not(.page-template-template-act) #content form .cs-v2-form-checkbox {
  padding-left: 28px;
  position: relative; }
  body:not(.page-template-template-act) #content form .cs-v2-form-checkbox input {
    display: none; }
  body:not(.page-template-template-act) #content form .cs-v2-form-checkbox label {
    font-family: "Chronicle Text G1 A", "Chronicle Text G1 B";
    font-size: 20px;
    color: #737d87;
    cursor: pointer; }
  body:not(.page-template-template-act) #content form .cs-v2-form-checkbox label:before {
    position: absolute;
    top: 4px;
    left: 0;
    display: inline-block;
    background: white;
    height: 20px;
    width: 20px;
    box-shadow: inset 0 0 0 2px #e2e2e2;
    content: ''; }
  body:not(.page-template-template-act) #content form .cs-v2-form-checkbox input[type="radio"] + label:before {
    display: inline-block;
    background: white;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    -webkit-background-clip: border-box;
    -moz-background-clip: border;
    background-clip: border-box; }
  body:not(.page-template-template-act) #content form .cs-v2-form-checkbox input:checked + label:before {
    box-shadow: inset 0 0 0 8px #e2e2e2; }

@media screen and (max-width: 414px) {
  .boxzilla-container .boxzilla {
    max-height: calc(100vh - 44px) !important; } }

#content form.filled-style li.gfield.gf_left_half {
  padding-right: 4px; }

#content form.filled-style .gfield label.gfield_label {
  display: none; }

#content form.filled-style .gfield .ginput_complex label {
  display: none; }

#content form.filled-style input[type="text"], #content form.filled-style textarea {
  background: #e2e2e2;
  border-color: #e2e2e2;
  color: #394a58; }

#content form.filled-style textarea {
  padding-top: 16px; }