/*!
 * Theme Name: Counseling Today 2019
 * Theme URI: http://ct.counseling.org
 * Description: An American Counseling Association Publication
 * Author: Matrix Group International - Hassan Elhassan (helhassan@matrixgroup.net)
 * Author URI: http://www.matrixgroup.net
 * Template: twentytwelve
 * Version: 1.0
 * Tags: HTML5, twentytwelve child */
@import url(stylesheets/animate.min.css);
@font-face {
  font-family: 'icomoon';
  src: url("stylesheets/fonts/icomoon.eot");
  src: url("stylesheets/fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("stylesheets/fonts/icomoon.svg#icomoon") format("svg"), url("stylesheets/fonts/icomoon.woff") format("woff"), url("stylesheets/fonts/icomoon.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

.top-nav {
  width: 100%;
  background: #0066A4;
  margin-bottom: 15px;
  border-bottom: 1px solid #58595B; }
  .top-nav .inner {
    padding: 10px;
    width: 940px;
    margin: 0 auto;
    float: none;
    height: 22px; }
    .top-nav .inner ul {
      float: left; }
      .top-nav .inner ul li {
        display: inline;
        margin-right: 30px; }
        .top-nav .inner ul li a {
          display: inline;
          color: #FFF;
          text-transform: uppercase;
          font-size: 15.6px;
          line-height: 15.6px;
          font-size: 1.2rem;
          line-height: 1.2rem;
          font-weight: 600;
          vertical-align: middle; }
          .top-nav .inner ul li a:hover {
            color: #80C247; }
    .top-nav .inner ul.social {
      margin-left: 16px !important;
      margin-top: -2px;
      margin-right: 16px !important; }
      html.ie .top-nav .inner ul.social {
        margin-left: 75px; }
      .top-nav .inner ul.social li a {
        font-size: 26px;
        line-height: 16.9px;
        font-size: 2rem;
        line-height: 1.3rem;
        color: #FFF; }
        .top-nav .inner ul.social li a:hover {
          color: #80C247; }
    .top-nav .inner #searchform {
      float: right;
      margin-top: -2px; }
      @media (max-width: 1170px) {
        .top-nav .inner #searchform {
          display: block !important;
          padding-top: 10px !important;
          float: none !important;
          clear: left !important;
          padding: 0 15px 0 0; } }
      @media (max-width: 769px) {
        .top-nav .inner #searchform {
          padding-top: 10px !important;
          float: none !important;
          clear: both !important;
          width: 100% !important; } }
      .top-nav .inner #searchform label {
        display: none;
        font-size: 1px; }
      .top-nav .inner #searchform input {
        border-radius: 0; }
      .top-nav .inner #searchform input[type="text"] {
        padding-right: 35px;
        padding-left: 10px;
        width: 180px;
        border: 1px solid #7D7D7D;
        float: left; }
        @media (max-width: 1170px) {
          .top-nav .inner #searchform input[type="text"] {
            width: 90% !important; } }
        @media (max-width: 769px) {
          .top-nav .inner #searchform input[type="text"] {
            width: 90% !important;
            padding-right: 15px !important; } }
      .top-nav .inner #searchform input[type="submit"] {
        text-indent: -99999px;
        width: 30px;
        height: 24px;
        padding: 0;
        display: inline;
        border: none;
        box-shadow: none;
        margin-left: -35px;
        margin-top: 3px;
        z-index: 99;
        position: relative;
        float: right;
        background-image: url(../../images/search-icon.png) !important;
        background-position: 2px 0;
        background-repeat: no-repeat;
        background-color: white !important;
        top: -2px  !important; }

.site-header {
  padding: 0; }
  .site-header .col2 img {
    margin-bottom: 5px; }
  .site-header .col2 h2 {
    color: #4D4D4D;
    font-weight: 300;
    font-size: 1.7rem;
    line-height: 1.7rem !important; }
    @media (max-width: 992px) {
      .site-header .col2 h2 {
        font-size: 18px !important;
        text-align: left !important; } }
  .site-header .col1 .widget {
    margin-bottom: 0; }
    .site-header .col1 .widget img {
      float: left;
      box-shadow: none;
      width: 120px;
      margin-right: 10px; }
    .site-header .col1 .widget h3 {
      clear: right;
      margin-bottom: 5px;
      font-size: 14.3px;
      line-height: 14.3px;
      font-size: 1.1rem;
      line-height: 1.1rem; }
      .site-header .col1 .widget h3 a {
        color: #80C247; }
        .site-header .col1 .widget h3 a:hover {
          color: #BF1212; }
        .site-header .col1 .widget h3 a:after {
          content: ' \203A';
          font-weight: bold;
          font-size: 18.2px;
          line-height: 13px;
          font-size: 1.4rem;
          line-height: 1rem; }

.main-navigation {
  margin: 20px 0;
  z-index: 999;
  position: relative; }
  .main-navigation ul.nav-menu {
    display: block;
    text-align: left;
    border-color: #7D7D7D;
    text-align: center; }
    .main-navigation ul.nav-menu li {
      margin: 0;
      display: inline-block;
      zoom: 1;
      *display: inline; }
      .main-navigation ul.nav-menu li:hover {
        box-shadow: 0 0 1px #333;
        background: #0066A4; }
        .main-navigation ul.nav-menu li:hover > ul {
          display: block;
          position: absolute;
          float: left; }
      .main-navigation ul.nav-menu li:hover a {
        color: #FFF; }
      .main-navigation ul.nav-menu li a {
        text-transform: capitalize;
        color: #58595B;
        font-family: "proxima-nova-extra-condensed", sans-serif !important;
        font-weight: 400;
        font-size: 24.05px;
        line-height: 15.6px;
        font-size: 1.85rem;
        line-height: 1.2rem;
        padding: 15px 20px;
        display: block; }
      .main-navigation ul.nav-menu li ul {
        padding: 15px 0;
        display: none;
        width: 240px;
        background: #000;
        text-align: left; }
        .main-navigation ul.nav-menu li ul li:hover {
          box-shadow: none;
          background: transparent; }
        .main-navigation ul.nav-menu li ul li a {
          background: #000;
          border: none;
          width: 200px;
          padding: 3px 20px;
          font-size: 20.8px;
          line-height: 22.1px;
          font-size: 1.6rem;
          line-height: 1.7rem;
          color: #FFF; }
          .main-navigation ul.nav-menu li ul li a:hover {
            color: #0066A4; }
    .main-navigation ul.nav-menu .current_page_item > a, .main-navigation ul.nav-menu .current-menu-item > a, .main-navigation ul.nav-menu .current-menu-parent > a {
      font-weight: normal;
      color: #FFF;
      background: #0066A4; }
    .main-navigation ul.nav-menu .current_page_item > ul li.current-menu-item a:hover, .main-navigation ul.nav-menu .current-menu-item > ul li.current-menu-item a:hover, .main-navigation ul.nav-menu .current-menu-parent > ul li.current-menu-item a:hover {
      color: #FFF; }

html#CT2013 {
  margin-top: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 80%; }

body {
  color: #7D7D7D;
  font-size: 14.3px;
  line-height: 19.5px;
  font-size: 1.1rem;
  line-height: 1.5rem;
  font-family: "proxima-nova", sans-serif !important;
  font-weight: 400;
  background: #FFFFFF !important; }
  body .site {
    box-shadow: none;
    margin: 0;
    max-width: 100%;
    padding: 0; }

a, a.comment-reply-link, a.comment-edit-link, .comments-link a, .entry-meta a {
  text-decoration: none;
  color: #BF1212; }
  a:hover, a.comment-reply-link:hover, a.comment-edit-link:hover, .comments-link a:hover, .entry-meta a:hover {
    color: #0066A4; }

p {
  padding: 0 0 10px 0; }

h1, h2, h3, h4, h5,
h1.page-title,
h1.archive-title,
h3.widget-title {
  font-weight: normal; }

h1, h1.entry-title, body.home article h2 {
  margin-bottom: 25px;
  color: #4D4D4D;
  font-family: "proxima-nova-condensed", sans-serif !important;
  font-weight: 300;
  line-height: 1.4; }

body.home article h2 {
  line-height: 1.2; }

h2 {
  margin-bottom: 5px !important;
  color: #58595B !important; }
  h2 a {
    color: #58595B; }
    h2 a:hover {
      color: #BF1212; }

h3, h3.widget-title, h1.archive-title, h1.page-title {
  letter-spacing: .1em;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #80C247; }
  h3 a, h3.widget-title a, h1.archive-title a, h1.page-title a {
    color: #80C247; }
    h3 a:hover, h3.widget-title a:hover, h1.archive-title a:hover, h1.page-title a:hover {
      color: #0066A4; }

.clearfix, .top-nav .inner, .site-header .row, .main-navigation, #primary #content article .entry-header .comments-share {
  zoom: 1; }
  .clearfix:after, .top-nav .inner:after, .site-header .row:after, .main-navigation:after, #primary #content article .entry-header .comments-share:after {
    clear: both; }
  .clearfix:before, .top-nav .inner:before, .site-header .row:before, .main-navigation:before, #primary #content article .entry-header .comments-share:before, .clearfix:after, .top-nav .inner:after, .site-header .row:after, .main-navigation:after, #primary #content article .entry-header .comments-share:after {
    content: "";
    display: table; }

.readmore {
  padding: 4px 5px;
  text-transform: uppercase;
  background: #0066A4;
  color: #FFF;
  font-weight: bold; }
  .readmore:hover {
    background: #BF1212;
    color: #FFF;
    box-shadow: 0 0 1px #333; }
  .readmore:after {
    content: ' \203A ';
    font-size: 28.6px;
    line-height: 13px;
    font-size: 2.2rem;
    line-height: 1rem;
    position: relative;
    top: 3px; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: 'icomoon';
  font-style: normal;
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-chevron-right:before {
  content: "\f099"; }

.icon-chevron-left:before {
  content: "\f098"; }

.icon-twitter:before {
  content: "\e000"; }

.icon-twitter-2:before {
  content: "\e001"; }

.icon-feed:before {
  content: "\e002"; }

.icon-facebook:before {
  content: "\e003"; }

.icon-share:before {
  content: "\e004"; }

.icon-question-sign:before {
  content: "\f059"; }

.entry-content p,
.entry-summary p,
.comment-content p,
.mu_register p,
.entry-content h3,
.comment-content h3,
h1.page-title,
.entry-content h2,
.archive-header,
.page-header {
  margin: 0;
  border: 0; }

#wpadminbar,
.form-allowed-tags,
nav.nav-single {
  display: none !important; }

#primary {
  min-height: 225px;
  width: 617px;
  float: left;
  margin-top: 0; }
  #primary #content .archive-header, #primary #content .page-header {
    margin-bottom: 15px !important;
    padding-bottom: 0;
    border-bottom: none; }
  #primary #content .archive-header h1.archive-title {
    font-size: 16.25px;
    line-height: 19.5px;
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: 1.3px;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #80c247; }
  #primary #content article .entry-header {
    margin-bottom: 0; }
    #primary #content article .entry-header h3 {
      margin-bottom: 5px; }
      #primary #content article .entry-header h3 a {
        letter-spacing: 1.3px; }
    #primary #content article .entry-header .entry-title {
      font-size: 26px;
      font-size: 2rem;
      margin-bottom: 5px;
      color: #4d4d4d;
      font-family: "proxima-nova-condensed",sans-serif !important;
      font-weight: normal; }
      #primary #content article .entry-header .entry-title a {
        color: #BF1212; }
        #primary #content article .entry-header .entry-title a:hover {
          color: #0066A4; }
    #primary #content article .entry-header .compiled {
      font-weight: 400 !important;
      font-size: 18px;
      margin-bottom: 10px; }
    #primary #content article .entry-header .comments-share {
      margin: 0 0 10px 0;
      font-weight: 600;
      font-size: 12px; }
      #primary #content article .entry-header .comments-share span.leave-reply {
        text-transform: uppercase;
        font-weight: bold;
        float: left; }
        #primary #content article .entry-header .comments-share span.leave-reply a {
          color: #BF1212; }
          #primary #content article .entry-header .comments-share span.leave-reply a:hover {
            color: #0066A4; }
      #primary #content article .entry-header .comments-share span.st_sharethis {
        float: right; }
    #primary #content article .entry-header img.wp-post-image {
      border-radius: 0;
      -moz-box-shadow: 0px 0px 1px #58595B;
      -webkit-box-shadow: 0px 0px 1px #58595B;
      box-shadow: 0px 0px 1px #58595B; }
      body.search-results #primary #content article .entry-header img.wp-post-image, body.archive #primary #content article .entry-header img.wp-post-image {
        display: none; }
  #primary #content article .entry-content {
    margin-bottom: 25px; }
    #primary #content article .entry-content blockquote {
      padding: 15px;
      margin: 0; }
    #primary #content article .entry-content img {
      border-radius: 0;
      -moz-box-shadow: 0px 0px 1px #58595B;
      -webkit-box-shadow: 0px 0px 1px #58595B;
      box-shadow: 0px 0px 1px #58595B; }
  #primary #content article .entry-meta {
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #58595B; }
    body.single #primary #content article .entry-meta, body.page #primary #content article .entry-meta {
      padding-bottom: 0;
      border-bottom: none; }
    #primary #content article .entry-meta .tags {
      text-transform: uppercase;
      font-weight: bold;
      margin-bottom: 35px;
      letter-spacing: .1em; }
      body.search-results #primary #content article .entry-meta .tags {
        display: none; }
    #primary #content article .entry-meta .related {
      clear: both;
      margin-bottom: 35px; }
      #primary #content article .entry-meta .related ul li {
        border-bottom: 1px solid #58595B;
        padding: 5px 0; }
        #primary #content article .entry-meta .related ul li a {
          font-size: 18.2px;
          line-height: 18.2px;
          font-size: 1.4rem;
          line-height: 1.4rem;
          font-family: "proxima-nova-condensed", sans-serif !important;
          font-weight: 300; }
    #primary #content article .entry-meta .edit-link {
      text-align: right;
      font-weight: bold; }
    #primary #content article .entry-meta .sharethis {
      margin-bottom: 10px; }

.st_sharethis {
  height: 20px !important; }
  body.search-results .st_sharethis {
    display: none; }
  .st_sharethis .stButton {
    margin: 0; }
    .st_sharethis .stButton .sharethis {
      background-image: url(images/sharethis-icon.png) !important; }
    .st_sharethis .stButton .chicklets {
      padding: 2px 0 0 25px;
      font-family: inherit;
      height: 20px;
      color: #BF1212;
      font-size: inherit;
      font-weight: bold; }

.site-content {
  margin: 0; }
  .site-content article {
    margin-bottom: 10px;
    padding-bottom: 0;
    border: none; }

.the_first_image {
  height: 120px;
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
  -moz-box-shadow: 0px 0px 3px #58595B;
  -webkit-box-shadow: 0px 0px 3px #58595B;
  box-shadow: 0px 0px 3px #58595B; }
  .the_first_image img {
    width: 100%; }

.box {
  padding: 4%;
  background: #EEE;
  text-transform: uppercase;
  border: 1px solid #58595B; }

.comments-area article header {
  margin-bottom: 10px;
  background: #DDD;
  padding: 10px; }

.comments-area article {
  padding: 10px;
  border: 1px solid #DDD; }

.comments-area #respond {
  margin-bottom: 35px; }

.home .addvert-box {
  margin-top: 40px; }

#secondary .widget {
  margin-bottom: 30px; }
  #secondary .widget img {
    -moz-box-shadow: 0px 0px 1px #58595B;
    -webkit-box-shadow: 0px 0px 1px #58595B;
    box-shadow: 0px 0px 1px #58595B;
    border-radius: 0; }

#secondary .widget_wmp_widget ul li {
  border-bottom: 1px solid #7D7D7D;
  padding: 5px 0; }
  #secondary .widget_wmp_widget ul li a {
    font-size: 18.2px;
    line-height: 18.2px;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-family: "proxima-nova-condensed", sans-serif !important;
    font-weight: 300;
    color: #7D7D7D; }
    #secondary .widget_wmp_widget ul li a:hover {
      color: #0066A4; }

#secondary .widget_twitter {
  background: #EFF7E8;
  background: rgba(128, 194, 71, 0.12);
  padding: 20px; }
  #secondary .widget_twitter h3 {
    margin-left: 40px; }
  #secondary .widget_twitter h3 i {
    font-size: 32.5px;
    line-height: 13px;
    font-size: 2.5rem;
    line-height: 1rem;
    margin-left: -40px;
    position: absolute; }
  #secondary .widget_twitter li {
    padding-top: 5px; }
    #secondary .widget_twitter li .intent-meta {
      visibility: hidden;
      display: block; }
      #secondary .widget_twitter li .intent-meta a {
        margin-right: 8px;
        font-size: 10.4px;
        line-height: 13px;
        font-size: 0.8rem;
        line-height: 1rem; }
    #secondary .widget_twitter li:hover .intent-meta {
      visibility: visible; }
  #secondary .widget_twitter .follow-button {
    margin-top: 10px; }

#secondary .widget_video h3 {
  margin-bottom: 10px; }

#secondary .widget_polls-widget {
  background: #EDF4F8;
  background: rgba(0, 102, 164, 0.07);
  padding: 20px; }
  #secondary .widget_polls-widget h3.widget-title {
    display: none; }
  #secondary .widget_polls-widget h3 {
    margin-left: 40px !important; }
  #secondary .widget_polls-widget .icon-question-sign {
    font-size: 37.7px;
    line-height: 0px;
    font-size: 2.9rem;
    line-height: 0rem;
    color: #80C247;
    position: absolute; }
  #secondary .widget_polls-widget p {
    padding-bottom: 0; }
  #secondary .widget_polls-widget p.question {
    margin-top: 20px;
    color: #0066A4; }
  #secondary .widget_polls-widget ul {
    margin: 10px 0; }
    #secondary .widget_polls-widget ul li {
      padding: 5px 0; }
  #secondary .widget_polls-widget .Buttons {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: bold; }

#secondary .widget_archive select, #secondary .widget_categories select {
  width: 100%; }

#secondary .widget_sp_image {
  margin-top: -10px; }
  #secondary .widget_sp_image h3 {
    display: none; }

#footer {
  background: #0066A4;
  color: #FFF;
  clear: both;
  padding: 20px 0;
  text-transform: uppercase;
  text-align: center;
  border-top: 1px solid #58595B; }
  #footer .inner {
    padding: 10px;
    width: 940px;
    margin: 0 auto;
    float: none; }
  #footer p, #footer .widget {
    margin-bottom: 0 !important;
    padding: 0; }
  #footer a {
    color: #80C247; }
    #footer a:hover {
      color: #BF1212; }
  #footer address {
    font-style: normal; }
  #footer a[href^="tel"] {
    color: #FFF; }
  #footer h3 {
    display: none; }
  #footer ul {
    margin-bottom: 30px; }
    #footer ul li {
      display: inline;
      margin: 0 25px; }
      #footer ul li a {
        display: inline;
        color: #FFF;
        font-size: 15.6px;
        line-height: 15.6px;
        font-size: 1.2rem;
        line-height: 1.2rem;
        font-weight: bold; }
        #footer ul li a:hover {
          color: #BF1212; }

/**
 *	Base styling for Matrix Group Branding Area jQuery Plugin
 *	Author:
 *		Matrix Group International	<http://matrixgroup.net>
 *		Roger Vandawalker <rvandawalker@matrixgroup.net>, @rjv
 *	Version: 1.1.0
 *
 */
.mtx-branding {
  position: relative;
  width: 617px;
  overflow: hidden;
  background: #EEE;
  margin-bottom: 35px;
  -moz-box-shadow: 0px 0px 1px #58595B;
  -webkit-box-shadow: 0px 0px 1px #58595B;
  box-shadow: 0px 0px 1px #58595B; }
  .mtx-branding .slides-container {
    width: 617px;
    height: 370px; }
    .mtx-branding .slides-container .slide {
      display: none;
      position: absolute;
      top: 0;
      left: 0;
      width: 617px;
      height: 370px; }
      .mtx-branding .slides-container .slide .slide-background {
        z-index: 10;
        position: absolute;
        top: 0;
        left: 0;
        width: 617px;
        height: 370px; }
      .mtx-branding .slides-container .slide .slide-thumbnail {
        display: none; }
      .mtx-branding .slides-container .slide .slide-content {
        z-index: 20;
        position: absolute;
        bottom: 0;
        padding: 30px;
        background: black;
        background: rgba(0, 0, 0, 0.6);
        box-sizing: border-box;
        width: 617px;
        color: #fff;
        font-size: 100%; }
        .mtx-branding .slides-container .slide .slide-content h1 {
          font-size: 42.25px;
          line-height: 32.5px;
          font-size: 3.25rem;
          line-height: 2.5rem;
          margin-bottom: 10px;
          color: #FFF;
          font-weight: 300; }
          .mtx-branding .slides-container .slide .slide-content h1 a {
            color: #BED2E5; }
            .mtx-branding .slides-container .slide .slide-content h1 a:hover {
              color: #8adbff; }
        .mtx-branding .slides-container .slide .slide-content p {
          font-weight: 600;
          padding-bottom: 0; }
          .mtx-branding .slides-container .slide .slide-content p a {
            color: #BED2E5;
            text-transform: uppercase; }
  .mtx-branding .prev, .mtx-branding .next {
    opacity: 1;
    cursor: pointer;
    position: absolute;
    margin-top: 0;
    right: 0;
    float: none;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    line-height: 47px;
    z-index: 25;
    top: 0;
    height: 40px;
    width: 45px;
    right: 0;
    text-align: center;
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out; }
    .mtx-branding .prev:hover, .mtx-branding .next:hover {
      color: #0066A4; }
  .mtx-branding .prev {
    right: auto;
    left: 0; }
  .mtx-branding:hover {
    transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out; }

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important; }
  a, a:visited {
    text-decoration: underline; }
  #primary 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 {
    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; }
  #branding, .top-nav, .site-header .col1, .main-navigation, .menu-footer-nav-container, p.matrix, #secondary, .comments-share, .tags, .sharethis, .related {
    display: none; }
  #primary, #page {
    width: 100%; }
  .row .col1, .row .col2 {
    width: 48%; } }

#mobileBtn {
  display: none; }

.top-nav .inner #searchForm {
  float: none !important;
  margin-top: 0 !important;
  position: absolute !important;
  right: 0 !important;
  width: 150px !important;
  margin-top: -3px !important;
  margin-right: 13px !important; }

.top-nav .social {
  margin-left: 0; }

.slide-content h1 a {
  color: #BED2E5; }
  .slide-content h1 a:hover {
    color: #8adbff; }

.slide-content a {
  color: #BED2E5; }
  .slide-content a:hover {
    color: #8adbff; }

.site {
  padding: 0 40px;
  padding: 0 2.857142857rem;
  margin-top: 48px;
  margin-top: 3.428571429rem;
  margin-bottom: 48px;
  margin-bottom: 3.428571429rem;
  box-shadow: none; }

#page {
  width: 940px;
  margin: 0 auto;
  padding: 10px;
  clear: both; }

.row .col1, .row .col2 {
  margin-right: 30px;
  float: left; }
  .row .col1:last-child, .row .col2:last-child {
    margin-right: 0; }

.col1 {
  width: 293px; }

.col2 {
  width: 617px; }

#secondary {
  float: left;
  width: 293px;
  margin-left: 30px; }

#footer .inner {
  padding: 10px;
  width: auto !important;
  margin: 0 auto;
  float: none; }

@media (max-width: 1170px) {
  h1, h1.entry-title, body.home article h2 {
    font-size: 2em !important; }
  .top-nav {
    height: 240px !important;
    position: fixed;
    width: 75vw !important;
    transition: all .5s ease-in-out;
    right: -75vw;
    z-index: 1000; }
    .top-nav.open {
      right: 0; }
    .top-nav .inner {
      width: auto !important; }
      .top-nav .inner li {
        margin-right: 0px !important; }
    .top-nav #menu-top-nav {
      display: block;
      float: none;
      width: 100%;
      text-align: center; }
      .top-nav #menu-top-nav li a {
        font-size: 16px !important; }
    .top-nav .social {
      margin-left: 0 !important;
      width: 92%;
      float: none;
      display: block;
      margin-top: 15px !important;
      margin-bottom: 15px !important; }
      .top-nav .social li {
        margin-right: 5px; }
  #masthead img {
    width: 75%; }
  #masthead .col2 {
    width: 48% !important; }
  #menu-primary-nav {
    display: block !important;
    max-height: 320px !important;
    overflow-y: scroll; }
    #menu-primary-nav li a {
      display: block !important;
      font-size: 23px !important;
      padding: .7em .8em .5em;
      border-bottom: 1px solid white;
      line-height: 1rem !important; }
  .site-header .col1 .widget img {
    width: 42px !important; }
  .site-header h2 {
    font-size: 18px; }
  .the_first_image {
    height: auto !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .the_first_image img {
      -moz-box-shadow: 0px 0px 3px #58595b;
      -webkit-box-shadow: 0px 0px 3px #58595b;
      box-shadow: 0px 0px 3px #58595b; }
  #page {
    font-size: 1em !important;
    width: auto !important;
    margin: 0 auto !important;
    padding: 15px 10px 10px 10px !important;
    line-height: 1.3 !important; }
  .col2 {
    width: 100% !important; }
  .col1 {
    width: 48% !important; }
  #primary {
    float: none !important;
    width: auto !important;
    padding: 0 15px !important; }
    #primary #content .archive-header h1.archive-title {
      font-size: 1em !important; }
  .mtx-branding {
    width: 100% !important; }
    .mtx-branding .slides-container {
      width: 100% !important; }
    .mtx-branding .slide {
      width: 100% !important;
      height: 53vw !important; }
      .mtx-branding .slide img {
        width: 100% !important;
        height: auto !important; }
  #secondary {
    float: none !important;
    width: auto !important;
    margin-left: 15px !important;
    margin-right: 15px !important; }
    #secondary .textwidget {
      text-align: center; }
  .home .addvert-box {
    display: block;
    margin: 40px auto 0;
    text-align: center;
    width: 100%; } }

@media (max-width: 1170px) {
  body {
    font-size: 1.8em !important;
    line-height: 1.3em !important; }
    body h1 {
      font-size: 2.8em !important;
      line-height: 1.2 !important; }
    body h2 {
      font-size: 2.05em !important;
      line-height: 1.2 !important; }
    body h3 {
      font-size: 2em !important;
      line-height: 1.2 !important; }
      body h3.widget-title {
        font-size: 1em !important; }
    body p {
      font-size: 1.2em !important;
      font-size: 1.2 !important; }
  .entry-header h3 {
    font-size: 1em !important; }
  .entry-header .compiled {
    font-size: .8em !important; }
  .top-nav .inner {
    height: auto !important; }
    .top-nav .inner li {
      display: block !important;
      padding: 5px 0; }
  .top-nav .social {
    float: none !important;
    display: block !important;
    text-align: center;
    margin-left: 0 !important; }
    .top-nav .social li {
      padding: 15px;
      display: inline !important;
      clear: both; }
  #masthead .col1 {
    float: none !important; }
  #masthead aside {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 5px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding-top: 5px; }
    #masthead aside h3 {
      display: block; }
    #masthead aside img {
      display: none; }
    #masthead aside .subtext {
      display: none; }
  #masthead .col2 {
    width: auto !important;
    float: none !important; }
  #masthead h2 {
    font-size: .9rem !important;
    max-width: 74%; }
  #masthead img {
    width: 220px; }
  #mobileBtn {
    display: block;
    position: absolute;
    left: -73px;
    top: -240px;
    border: 1px solid #ddd;
    color: #666;
    font-size: 44px;
    line-height: 44px;
    background: white;
    transition: all .5s ease-in-out  !important; }
  .main-navigation {
    text-align: center;
    position: fixed !important;
    width: 75vw !important;
    background: #eee  !important;
    height: 100vh  !important;
    top: 240px  !important;
    margin: 0  !important;
    padding: 0  !important;
    right: -75vw  !important;
    transition: all .5s ease-in-out  !important;
    float: right  !important; }
    .main-navigation.open {
      right: 0 !important; }
      .main-navigation.open #mobileBtn {
        left: -72px !important;
        background: #0066a4 !important;
        color: white;
        border-color: #0066a4; }
        .main-navigation.open #mobileBtn .hamburger-inner {
          background-color: white !important; }
          .main-navigation.open #mobileBtn .hamburger-inner:after, .main-navigation.open #mobileBtn .hamburger-inner:before {
            background-color: white !important; }
    .main-navigation .nav-menu {
      overflow: hidden; }
  #menu-primary-nav li {
    display: block !important;
    width: 100% !important; }
  .mtx-branding {
    padding-top: 60vw !important; }
    .mtx-branding .slides-container {
      height: 60vw !important; }
      .mtx-branding .slides-container .slide {
        height: 60vw !important; }
  .col2 {
    width: auto !important;
    float: none !important;
    margin-right: 0 !important; }
  .col1 {
    width: auto !important;
    margin-right: 0 !important; }
  .the_first_image {
    height: auto !important; }
    .the_first_image img {
      position: relative;
      top: -25%; }
  .home #content h3 {
    font-size: 1em !important; }
  #secondary .widget {
    text-align: center !important; }
  #footer ul li {
    display: block !important;
    padding: 15px 0 !important;
    margin: 0 25px !important; }
  .a-single {
    display: block;
    margin: 0 auto !important;
    min-width: 1120px !important;
    text-align: center !important; }
    .a-single a {
      display: block;
      margin: 0 auto 30px !important; }
      .a-single a img {
        display: block;
        margin: 0 auto !important;
        width: auto !important; } }

@media (max-width: 1024px) {
  .a-single {
    min-width: 779px !important; } }

@media (max-width: 769px) {
  #searchForm {
    padding-top: 10px !important;
    float: none !important;
    clear: both !important;
    width: 100% !important; }
    #searchForm input[type="text"] {
      padding-right: 15px !important; }
  .the_first_image {
    height: auto !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
    .the_first_image img {
      -moz-box-shadow: 0px 0px 3px #58595b;
      -webkit-box-shadow: 0px 0px 3px #58595b;
      box-shadow: 0px 0px 3px #58595b; }
  .mtx-branding {
    padding-top: 400px !important; }
    .mtx-branding .slides-container {
      height: 400px !important; }
      .mtx-branding .slides-container .slide {
        height: 400px !important; }
  .a-single {
    min-width: 718px !important; } }

@media only screen and (-webkit-device-pixel-ratio: 2) and (-webkit-device-pixel-ratio: 3) {
  body {
    font-size: 5em !important; }
  p {
    font-size: 5em !important; } }

@media (max-width: 510px) {
  .the_first_image {
    height: auto !important; } }

@media (max-width: 414px) {
  .a-single {
    min-width: 364px !important; } }

@media (max-width: 375px) {
  .a-single {
    min-width: 325px !important; } }

@media (max-width: 320px) {
  .a-single {
    min-width: 270px !important; }
    .a-single a img {
      width: 100% !important; } }

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
  .hamburger:hover {
    opacity: 0.7; }
  .hamburger.is-active:hover {
    opacity: 0.7; }
  .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before,
  .hamburger.is-active .hamburger-inner::after {
    background-color: #000; }

.hamburger-box {
  width: 40px;
  height: 24px;
  display: inline-block;
  position: relative; }

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -10px; }
  .hamburger-inner::after {
    bottom: -10px; }

/*
   * 3DX
   */
.hamburger--3dx .hamburger-box {
  perspective: 80px; }

.hamburger--3dx .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(180deg); }
  .hamburger--3dx.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DX Reverse
   */
.hamburger--3dx-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dx-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dx-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateY(-180deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dx-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY
   */
.hamburger--3dy .hamburger-box {
  perspective: 80px; }

.hamburger--3dy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(-180deg); }
  .hamburger--3dy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DY Reverse
   */
.hamburger--3dy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY
   */
.hamburger--3dxy .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg); }
  .hamburger--3dxy.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * 3DXY Reverse
   */
.hamburger--3dxy-r .hamburger-box {
  perspective: 80px; }

.hamburger--3dxy-r .hamburger-inner {
  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
  .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
    transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }

.hamburger--3dxy-r.is-active .hamburger-inner {
  background-color: transparent !important;
  transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::before {
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--3dxy-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -10px, 0) rotate(-45deg); }

/*
   * Arrow
   */
.hamburger--arrow.is-active .hamburger-inner::before {
  transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

.hamburger--arrow.is-active .hamburger-inner::after {
  transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Arrow Right
   */
.hamburger--arrow-r.is-active .hamburger-inner::before {
  transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }

.hamburger--arrow-r.is-active .hamburger-inner::after {
  transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Alt
   */
.hamburger--arrowalt .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Alt Right
   */
.hamburger--arrowalt-r .hamburger-inner::before {
  transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r .hamburger-inner::after {
  transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }

.hamburger--arrowalt-r.is-active .hamburger-inner::before {
  top: 0;
  transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1);
  transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

.hamburger--arrowalt-r.is-active .hamburger-inner::after {
  bottom: 0;
  transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1);
  transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }

/*
   * Arrow Turn
   */
.hamburger--arrowturn.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn.is-active .hamburger-inner::before {
    transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
  .hamburger--arrowturn.is-active .hamburger-inner::after {
    transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); }

/*
   * Arrow Turn Right
   */
.hamburger--arrowturn-r.is-active .hamburger-inner {
  transform: rotate(-180deg); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::before {
    transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
  .hamburger--arrowturn-r.is-active .hamburger-inner::after {
    transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); }

/*
   * Boring
   */
.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
  transition-property: none; }

.hamburger--boring.is-active .hamburger-inner {
  transform: rotate(45deg); }
  .hamburger--boring.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--boring.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }

/*
   * Collapse
   */
.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Collapse Reverse
   */
.hamburger--collapse-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0.13s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--collapse-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
  .hamburger--collapse-r .hamburger-inner::before {
    transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--collapse-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--collapse-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
  .hamburger--collapse-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Elastic
   */
.hamburger--elastic .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-270deg);
    transition-delay: 0.075s; }

/*
   * Elastic Reverse
   */
.hamburger--elastic-r .hamburger-inner {
  top: 2px;
  transition-duration: 0.275s;
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
  .hamburger--elastic-r .hamburger-inner::before {
    top: 10px;
    transition: opacity 0.125s 0.275s ease; }
  .hamburger--elastic-r .hamburger-inner::after {
    top: 20px;
    transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

.hamburger--elastic-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-135deg);
  transition-delay: 0.075s; }
  .hamburger--elastic-r.is-active .hamburger-inner::before {
    transition-delay: 0s;
    opacity: 0; }
  .hamburger--elastic-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(270deg);
    transition-delay: 0.075s; }

/*
   * Emphatic
   */
.hamburger--emphatic {
  overflow: hidden; }
  .hamburger--emphatic .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic.is-active .hamburger-inner::before {
      left: -80px;
      top: -80px;
      transform: translate3d(80px, 80px, 0) rotate(45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic.is-active .hamburger-inner::after {
      right: -80px;
      top: -80px;
      transform: translate3d(-80px, 80px, 0) rotate(-45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Emphatic Reverse
   */
.hamburger--emphatic-r {
  overflow: hidden; }
  .hamburger--emphatic-r .hamburger-inner {
    transition: background-color 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::before {
      left: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; }
    .hamburger--emphatic-r .hamburger-inner::after {
      top: 10px;
      right: 0;
      transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; }
  .hamburger--emphatic-r.is-active .hamburger-inner {
    transition-delay: 0s;
    transition-timing-function: ease-out;
    background-color: transparent !important; }
    .hamburger--emphatic-r.is-active .hamburger-inner::before {
      left: -80px;
      top: 80px;
      transform: translate3d(80px, -80px, 0) rotate(-45deg);
      transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
    .hamburger--emphatic-r.is-active .hamburger-inner::after {
      right: -80px;
      top: 80px;
      transform: translate3d(-80px, -80px, 0) rotate(45deg);
      transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }

/*
   * Minus
   */
.hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
  transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }

.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
  opacity: 0;
  transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }

.hamburger--minus.is-active .hamburger-inner::before {
  top: 0; }

.hamburger--minus.is-active .hamburger-inner::after {
  bottom: 0; }

/*
   * Slider
   */
.hamburger--slider .hamburger-inner {
  top: 2px; }
  .hamburger--slider .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider .hamburger-inner::after {
    top: 20px; }

.hamburger--slider.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(-90deg); }

/*
   * Slider Reverse
   */
.hamburger--slider-r .hamburger-inner {
  top: 2px; }
  .hamburger--slider-r .hamburger-inner::before {
    top: 10px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s; }
  .hamburger--slider-r .hamburger-inner::after {
    top: 20px; }

.hamburger--slider-r.is-active .hamburger-inner {
  transform: translate3d(0, 10px, 0) rotate(-45deg); }
  .hamburger--slider-r.is-active .hamburger-inner::before {
    transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
    opacity: 0; }
  .hamburger--slider-r.is-active .hamburger-inner::after {
    transform: translate3d(0, -20px, 0) rotate(90deg); }

/*
   * Spin
   */
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin.is-active .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spin Reverse
   */
.hamburger--spin-r .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin-r .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin-r .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spin-r.is-active .hamburger-inner {
  transform: rotate(-225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spin-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .hamburger--spin-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Spring
   */
.hamburger--spring .hamburger-inner {
  top: 2px;
  transition: background-color 0s 0.13s linear; }
  .hamburger--spring .hamburger-inner::before {
    top: 10px;
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring .hamburger-inner::after {
    top: 20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring.is-active .hamburger-inner {
  transition-delay: 0.22s;
  background-color: transparent !important; }
  .hamburger--spring.is-active .hamburger-inner::before {
    top: 0;
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(45deg); }
  .hamburger--spring.is-active .hamburger-inner::after {
    top: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 10px, 0) rotate(-45deg); }

/*
   * Spring Reverse
   */
.hamburger--spring-r .hamburger-inner {
  top: auto;
  bottom: 0;
  transition-duration: 0.13s;
  transition-delay: 0s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spring-r .hamburger-inner::after {
    top: -20px;
    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
  .hamburger--spring-r .hamburger-inner::before {
    transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--spring-r.is-active .hamburger-inner {
  transform: translate3d(0, -10px, 0) rotate(-45deg);
  transition-delay: 0.22s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--spring-r.is-active .hamburger-inner::after {
    top: 0;
    opacity: 0;
    transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
  .hamburger--spring-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(90deg);
    transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand
   */
.hamburger--stand .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand.is-active .hamburger-inner {
  transform: rotate(90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Stand Reverse
   */
.hamburger--stand-r .hamburger-inner {
  transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; }
  .hamburger--stand-r .hamburger-inner::before {
    transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--stand-r .hamburger-inner::after {
    transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--stand-r.is-active .hamburger-inner {
  transform: rotate(-90deg);
  background-color: transparent !important;
  transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; }
  .hamburger--stand-r.is-active .hamburger-inner::before {
    top: 0;
    transform: rotate(-45deg);
    transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--stand-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(45deg);
    transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Squeeze
   */
.hamburger--squeeze .hamburger-inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--squeeze .hamburger-inner::before {
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger--squeeze .hamburger-inner::after {
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }

.hamburger--squeeze.is-active .hamburger-inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .hamburger--squeeze.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
  .hamburger--squeeze.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }

/*
   * Vortex
   */
.hamburger--vortex .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex.is-active .hamburger-inner {
  transform: rotate(765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(90deg); }

/*
   * Vortex Reverse
   */
.hamburger--vortex-r .hamburger-inner {
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
    transition-duration: 0s;
    transition-delay: 0.1s;
    transition-timing-function: linear; }
  .hamburger--vortex-r .hamburger-inner::before {
    transition-property: top, opacity; }
  .hamburger--vortex-r .hamburger-inner::after {
    transition-property: bottom, transform; }

.hamburger--vortex-r.is-active .hamburger-inner {
  transform: rotate(-765deg);
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
  .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
    transition-delay: 0s; }
  .hamburger--vortex-r.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0; }
  .hamburger--vortex-r.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg); }