/******************************************************************
Site Name: Anita Borg Institute Multisite
Author: Roman Milker

Common Stylesheet
******************************************************************/

/*
--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Resets
2.0 - Global Styles
3.0 - Responsive media queries (mobile styles)
   3.1 - MAXIMUM width of 720 pixels (phones landscape)
   3.2 - MAXIMUM width of 380 pixels (phones portrait)
   3.3 - MINIMUM width of 721 pixels (tablets+)
   3.4 - MINIMUM width of 1040 pixels (desktops and laptops)
--------------------------------------------------------------*/

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

/******************************************************************
CUSTOMIZED RESET VALUES
I added these extra styles as a more personalized reset. Feel free
to remove them if you like or add your own. If you want to update
the normalize styles, make sure to edit from this point up.
******************************************************************/
/* line 510, ../scss/_normalize.scss */
p {
  -webkit-hyphens: auto;
  -epub-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

/* line 519, ../scss/_normalize.scss */
dfn, em, .em {
    font-family: BrandonTextWeb-Italic;
    font-style: initial;
}

/* line 521, ../scss/_normalize.scss */
small, .small {
  font-size: 75%;
}

/* line 523, ../scss/_normalize.scss */
ul, ol {
  padding: 0;
  margin-top: 0;
  list-style-type: none;
}

/* line 528, ../scss/_normalize.scss */
dd {
  margin: 0;
}

/* line 534, ../scss/_normalize.scss */
.sidebar ul,
.sidebar ol,
.commentlist {
  list-style: none;
}
figure {
  margin: 0;
}



/*--------------------------------------------------------------
1.0 - Global Styles
--------------------------------------------------------------*/

/*----------  FONTS  ----------*/
@import url("//hello.myfonts.net/count/3452df");
@import url("//hello.myfonts.net/count/3452e1");
  
@font-face {font-family: 'BrandonTextWeb-BoldItalic';src: url('fonts/Brandon/BrandonWeb/webfonts/3452DF_1_0.eot');src: url('fonts/Brandon/BrandonWeb/webfonts/3452DF_1_0.eot?#iefix') format('embedded-opentype'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_1_0.woff2') format('woff2'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_1_0.woff') format('woff'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_1_0.ttf') format('truetype');}
@font-face {font-family: 'BrandonTextWeb-Bold';src: url('fonts/Brandon/BrandonWeb/webfonts/3452DF_2_0.eot');src: url('fonts/Brandon/BrandonWeb/webfonts/3452DF_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_2_0.woff2') format('woff2'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_2_0.woff') format('woff'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_2_0.ttf') format('truetype');}
@font-face {font-family: 'BrandonTextWeb-Italic';src: url('fonts/Brandon/BrandonWeb/webfonts/3452DF_6_0.eot');src: url('fonts/Brandon/BrandonWeb/webfonts/3452DF_6_0.eot?#iefix') format('embedded-opentype'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_6_0.woff2') format('woff2'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_6_0.woff') format('woff'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_6_0.ttf') format('truetype');}
@font-face {font-family: 'BrandonTextWeb-Regular';src: url('fonts/Brandon/BrandonWeb/webfonts/3452DF_8_0.eot');src: url('fonts/Brandon/BrandonWeb/webfonts/3452DF_8_0.eot?#iefix') format('embedded-opentype'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_8_0.woff2') format('woff2'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_8_0.woff') format('woff'),url('fonts/Brandon/BrandonWeb/webfonts/3452DF_8_0.ttf') format('truetype');}
 
@font-face {font-family: 'Quan-Bold';src: url('fonts/Quan/QuanWeb/webfonts/3452E1_2_0.eot');src: url('fonts/Quan/QuanWeb/webfonts/3452E1_2_0.eot?#iefix') format('embedded-opentype'),url('fonts/Quan/QuanWeb/webfonts/3452E1_2_0.woff2') format('woff2'),url('fonts/Quan/QuanWeb/webfonts/3452E1_2_0.woff') format('woff'),url('fonts/Quan/QuanWeb/webfonts/3452E1_2_0.ttf') format('truetype');}
@font-face {font-family: 'Quan-ExtraBold';src: url('fonts/Quan/QuanWeb/webfonts/3452E1_4_0.eot');src: url('fonts/Quan/QuanWeb/webfonts/3452E1_4_0.eot?#iefix') format('embedded-opentype'),url('fonts/Quan/QuanWeb/webfonts/3452E1_4_0.woff2') format('woff2'),url('fonts/Quan/QuanWeb/webfonts/3452E1_4_0.woff') format('woff'),url('fonts/Quan/QuanWeb/webfonts/3452E1_4_0.ttf') format('truetype');}
@font-face {font-family: 'Quan-SemiLight';src: url('fonts/Quan/QuanWeb/webfonts/3452E1_C_0.eot');src: url('fonts/Quan/QuanWeb/webfonts/3452E1_C_0.eot?#iefix') format('embedded-opentype'),url('fonts/Quan/QuanWeb/webfonts/3452E1_C_0.woff2') format('woff2'),url('fonts/Quan/QuanWeb/webfonts/3452E1_C_0.woff') format('woff'),url('fonts/Quan/QuanWeb/webfonts/3452E1_C_0.ttf') format('truetype');}


/* @font-face {
  font-family: "SSStandard";
  src: url("ss-standard.eot");
  src: url("ss-standard.eot?#iefix") format("embedded-opentype"), url("ss-standard.woff") format("woff"), url("ss-standard.ttf") format("truetype"), url("ss-standard.svg#SSStandard") format("svg");
  font-weight: normal;
  font-style: normal;
} */

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

/* line 27, ../scss/_base.scss */
html {
  background: #eaeaea;
  height: 100%;
}

body {
  font-family: BrandonTextWeb-Regular, "Times New Roman", Times, serif;
  font-size: 100%;
  line-height: 1.5;
  color: #575757;
}

p {
  font-size: 18px;
  margin-top: 0;
}

ul, ol {
    margin-left: 25px;
}
p + ul {
  margin-top: -10px;
}
ul ul {
  margin-left: 30px;
}
ul li {
  padding-left: 5px;
  padding-bottom: 10px;
}



section#main ol, section#main ul {
    margin-left: 25px;
}
ul.post_fonts {
    margin: 0.3em 0;
}
ul.post_fonts li.def {
    font-size: 40px !important;
}
.block_half {
    width: 50%;
}
tr, td, th {
    font-size: 18px;
}
p.tophead {
    font-size: 22px;
    font-weight: 600;
    line-height: 24px;
}

/*==============================
=            Colors            =
==============================*/
.text-carribean {
  color: #54BCEB !important;
}
.text-navy {
  color: #005c88 !important;
}
.text-aubergine {
  color: #8d2165 !important;
}


/*********************
LINK STYLES
*********************/
a, a:visited {
  color: #54BCEB;
  text-decoration: none;
  /* on hover */
  /* on click */
  /* mobile tap color */
}
a:hover, a:focus, a:visited:hover, a:visited:focus {
  color: #005c88;
  outline: 0;
}
a:link, a:visited:link {
  /*
  this highlights links on iPhones/iPads.
  so it basically works like the :hover selector
  for mobile devices.
  */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}


/*===============================
=            Buttons            =
===============================*/
a.btn-1,
input[type="submit"] {
  color: #fff;
  font-family: Quan-SemiLight;
  letter-spacing: 1px;
  background: #54BCEB;
  padding: 5px 10px;
  border-radius: 2px;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* line 257, ../scss/_article.scss */
a.btn-1:hover,
input[type="submit"]:hover {
  color: #fff;
  background: #005c88;
}

/* line 261, ../scss/_article.scss */
a.btn-1:visited {
  color: #fff;
}

/* line 166, ../scss/_form.scss */
.btn-2 {
  color: #222222;
  font-weight: 400;
  letter-spacing: 1px;
  background: #e1e6e8;
  padding: 5px 10px;
  border-radius: 2px;
  border: none;
}

/* line 176, ../scss/_form.scss */
.btn-2:hover {
  color: #fff;
  background: #999;
}

/* line 180, ../scss/_form.scss */
.btn-2:visited {
  color: #fff;
}



/*================================
=            Headings            =
================================*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5 {
  font-family: "Quan-SemiLight", Helvetica, sans-serif;
  text-rendering: optimizelegibility;
  color: #8d2165;
}
/* line 173, ../scss/_base.scss */
h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a {
  text-decoration: none;
}

/* line 178, ../scss/_base.scss */
h1, .h1 {
  font-size: 34px;
}

/* line 184, ../scss/_base.scss */
h2, .h2 {
  font-size: 26px;
  line-height: 1.2em;
  margin-bottom: 5px;
}

/* line 193, ../scss/_base.scss */
h3, .h3 {
  font-size: 24px;
  margin-bottom: 5px;
}

/* line 199, ../scss/_base.scss */
h4, .h4 {
  font-size: 20px;
  margin-bottom: 5px;
}

/* line 206, ../scss/_base.scss */
h5, .h5 {
  font-size: 19px;
  margin-bottom: 5px;
}

/* line 214, ../scss/_base.scss */
h6, .h6 {
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 2px;
}

/* line 225, ../scss/_base.scss */
h1 a, .h1 a,
h2 a, .h2 a,
h3 a, .h3 a,
h4 a, .h4 a,
h5 a, .h5 a,
h6 a, .h6 a {
  text-decoration: none;
}

/* letter spacing for all-cap headings */
.header-blue,
.header-green,
.category-header,
body.home #banner .hero-box-text h1,
.archive .article-header .hlist a,
body.home #banner .hero-box-text .btn-1,
.side-module h3.header-blue a,
.side-module h4.widgettitle,
.side-module h4.widgettitle a,
h3.widgettitle,
h3.widgettitle a,
h4.widgettitle,
h4.widgettitle a {
  letter-spacing: 0.05em !important;
}
a.header-blue,
h3.header-blue a,
h3.header-blue a:visited,
h2.header-blue a,
h2.header-blue a:visited {
  color: #54bceb;
  text-transform: uppercase;
  margin: 0;
}
.header-dark-blue {
  color: #41368f;
}
h3.header-dark-blue {
  font-size: 30px;
}

/* line 240, ../scss/_base.scss */
.header-green {
  color: #c1d72e;
  text-transform: uppercase;
  margin: 0;
}

h5.category-header {
  font-family: BrandonTextWeb-Regular;
  text-transform: uppercase;
  margin: 0;
  font-size: 16px;
}
/* line 171, ../scss/_article.scss */
h5.category-header a {
  color: #54BCEB;
}

/*=====================================
=            Form Elements            =
=====================================*/

/* line 1, ../scss/_form.scss */
input {
  border: 0;
  border-radius: 2px;
  background: #f9f8f8;
}

/* line 6, ../scss/_form.scss */
label {
  display: block;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 5px;
}
/* line 11, ../scss/_form.scss */
label span {
  font-weight: normal;
}

/* line 16, ../scss/_form.scss */
.wpcf7-radio .wpcf7-list-item-label label,
.ss-choice-item label {
  font-weight: normal;
}

/* line 19, ../scss/_form.scss */
legend {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
}

/* line 27, ../scss/_form.scss */
input[type=text],
input[type=password],
input[type=search],
input[type=email] {
  width: 94%;
  padding: 5px 2% 5px 2%;
  margin-bottom: 10px;
  box-shadow: 1px 1px 5px #ccc inset;
  color: #000;
  font-family: BrandonTextWeb-Regular, "Times New Roman", Times, serif;
  font-size: 22px;
}
/* line 35, ../scss/_form.scss */
input[type=text]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=email]:focus {
  box-shadow: 0 0 5px #54bceb;
}
/* line 38, ../scss/_form.scss */
input[type=text].small,
input[type=password].small,
input[type=search].small,
input[type=email].small {
  width: 33%;
}
/* line 41, ../scss/_form.scss */
input[type=text].medium,
input[type=password].medium,
input[type=search].medium,
input[type=email].medium {
  width: 66%;
}

/* line 46, ../scss/_form.scss */
input::-webkit-input-placeholder {
  color: #b0b2b5;
}

/* line 50, ../scss/_form.scss */
input:-moz-placeholder {
  color: #b0b2b5;
}

/* line 54, ../scss/_form.scss */
input:-ms-input-placeholder {
  color: #b0b2b5;
}

/* line 59, ../scss/_form.scss */
input[type=text]:hover,
input[type=password]:hover {
  border-color: #ccc;
}

/* line 65, ../scss/_form.scss */
input[type=text]:focus,
input[type=password]:focus,
input[type=submit]:focus {
  box-shadow: 0 0 5px #54bceb;
  outline: #fff;
}

/* line 69, ../scss/_form.scss */
select {
  background: #f9f8f8 url(../images/select-arrow.png) 94% 50% no-repeat;
  background-size: 8px 17px;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  /* Removes default arrow from firefox*/
  text-overflow: "";
  /*Removes default arrow from firefox*/
  width: auto;
  padding: 5px 4% 5px 2%;
  margin-bottom: 10px;
  box-shadow: 1px 1px 5px #ccc;
  /* Font styles */
  color: #000;
  font-family: BrandonTextWeb-Regular, "Times New Roman", Times, serif;
  font-size: 22px;
}

/* line 88, ../scss/_form.scss */
.wpcf7-radio .wpcf7-list-item {
  display: block;
}

/* line 92, ../scss/_form.scss */
input.wpcf7-captchar {
  width: 25%;
}

/* line 96, ../scss/_form.scss */
fieldset {
  padding: 0;
  border: 0;
}

/* line 184, ../scss/_form.scss */
textarea {
  width: 94%;
  padding: 5px 2% 5px 2%;
  margin-bottom: 10px;
  border: 0;
  border-radius: 5px;
  background: #f9f8f8;
  box-shadow: 1px 1px 5px #ccc inset;
  /* Font styles */
  color: #000;
  font-family: BrandonTextWeb-Regular, "Times New Roman", Times, serif;
  font-size: 22px;
}
/* line 189, ../scss/_form.scss */
textarea:focus {
  box-shadow: 0 0 5px #f59827;
}

/* line 204, ../scss/_form.scss */
label.required {
  font-weight: bold;
}

/*==============================
=            TABLES            =
==============================*/
table,
table tr,
table td {
  border: 1px solid #ccc;
}
table[border="0"],
table[border="0"] tr,
table[border="0"] td {
  border: 0;
}
table {
  margin-top: 20px;
}
table tr td {
  padding: 10px;
}

/* gray header tables */
#main table.checklist th#checklist-events {
  background-color: #47bca0;
}
#main table.checklist tr:first-child th,
#main table.perks-table tr:first-child th {
  background-color: #666;
  text-align: center;
}
#main table.checklist tr th,
#main table.perks-table tr th {
  color: #fff;
}
#main table.checklist tr, #main table.checklist td:not(.aligncenter), #main table.checklist th {
  text-align: left;
}
#main table.checklist td {
  display: table-cell;
  margin: 0;
}


/*======================================
=            Landing Header            =
======================================*/
.landing-header {
  background: #47bca0;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0 10px 10px;
}
@media only screen and (min-width: 721px) {
  /* line 1, ../scss/_landing.scss */
  .landing-header {
    padding: 10px 10px 96px;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 1, ../scss/_landing.scss */
  .landing-header {
    padding: 45px 56px 110px 45px;
  }
}

/* line 25, ../scss/_landing.scss */
.landing-header figure {
  display: none;
}
@media only screen and (min-width: 721px) {
  /* line 25, ../scss/_landing.scss */
  .landing-header figure {
    display: block;
    float: left;
    margin: 0 20px 0 10px;
    width: 300px;
  }
}
/* line 33, ../scss/_landing.scss */
.lt-ie9 .landing-header figure {
  display: block;
  float: left;
  margin: 0 20px 0 10px;
  width: 300px;
}
/* line 40, ../scss/_landing.scss */
.landing-header h2, .landing-header h3 {
  color: #eaf69a;
  font-style: normal;
  line-height: 1.2;
  margin: 0;
}
.landing-header h3 {
  font-family: BrandonTextWeb-Regular;
  color: #c0f4f9;   
  font-size: 32px;
}

/* line 54, ../scss/_landing.scss */
.landing-header h2 {
  color: #ffffff;
  font-size: 52px;
}
/* line 58, ../scss/_landing.scss */
.landing-header .landing-story-kicker p {
  color: #222222;
  font-size: 27px;
  line-height: 36px;
  margin: 10px 0 0 0;
}
/* line 64, ../scss/_landing.scss */
.landing-header .landing-story-kicker a {
  color: #fff;
  display: block;
}
/* line 69, ../scss/_landing.scss */
.landing-header .landing-meta,
.landing-header .landing-meta a {
  color: #eaf69a;
}

/* line 73, ../scss/_landing.scss */
.landing-header p.landing-story-kicker:nth-child(2) {
  color: #f00;
}

.landing-intro p + ul {
  margin-top: 20px;
}

/*======================================
=            Page Templates            =
======================================*/
#main.full-width {
  float: none;
  width: 100%;
  padding: 0;
}



/*=================================
=            Home Page            =
=================================*/
/* line 22, ../scss/_home.scss */
body.home #banner .hero-box-text {
  background: rgba(0, 0, 0, 0.25);
  color: #fff;
  font-size: 30px;
  /*text-align: center;*/
  padding: 40px 20px;
  margin: 235px auto 0 !important;
  width: 100%;
}
body.home #banner .hero-box-text h1 {
  font-size: 100px;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
}
/* line 30, ../scss/_home.scss */
body.home #banner .hero-box-text .btn-1 {
  display: inline-block;
  font-size: 40px;
  margin: 20px 0 0;
  text-transform: uppercase;
  white-space: nowrap;
}

/* line 50, ../scss/_home.scss */
body.home .mission h1 {
  font-family: BrandonTextWeb-Regular, "Times New Roman", Times, serif;
  font-size: 22px;
  font-weight: 500;
  margin: 0;
  color: #575757;
}
@media only screen and (min-width: 721px) {
  /* line 50, ../scss/_home.scss */
  body.home .mission h1 {
    font-size: 30px;
    line-height: 1.5;
    width: 95%;
  }
}
/* line 60, ../scss/_home.scss */
.lt-ie9 body.home .mission h1 {
  font-size: 30px;
  line-height: 1.5;
  width: 95%;
}

@media only screen and (max-width: 420px) {
  body.home #banner .hero-box-text {
    margin: 0;
  }
  body.home #banner #home-image-overlay,
  body.home #banner .hero-box-text .btn-1 {
    font-size: 5vw;
  }
}

/**********************************************
  Archive pages
***********************************************/
body.page-template-page-landing-custom #banner,
body.page-template-page-landing-php #banner,
body.page-template-page-landing-modular-php #banner,
body.page-template-page-landing-involved-php #banner,
body.post-type-archive-abi_upcoming_event #banner,
body.tax-event_type #banner,
body.tax-event_location #banner,
body.archive.category #banner,
body.archive.tag #banner {
  border-bottom: 0;
}
@media only screen and (min-width: 1040px) {
  body.page-template-page-landing-custom #site-content,
  body.page-template-page-landing-php #site-content,
  body.page-template-page-landing-modular-php #site-content,
  body.page-template-page-landing-involved-php #site-content,
  body.post-type-archive-abi_upcoming_event #site-content,
  body.tax-event_type #site-content,
  body.tax-event_location #site-content,
  body.archive.category #site-content,
  body.archive.tag #site-content {
    padding-top: 0;
  } 
}
body.page-template-page-landing-custom #main,
body.page-template-page-landing-php #main,
body.page-template-page-landing-modular-php #main,
body.page-template-page-landing-involved-php #main,
body.post-type-archive-abi_upcoming_event #main,
body.tax-event_type #main,
body.tax-event_location #main,
body.archive.category #main,
body.archive.tag #main {
  background: #fff;
}

@media only screen and (min-width: 721px) {
  body.page-template-page-landing-custom #main,
  body.page-template-page-landing-php #main,
  body.page-template-page-landing-modular-php #main,
  body.page-template-page-landing-involved-php #main,
  body.post-type-archive-abi_upcoming_event #main,
  body.tax-event_type #main,
  body.tax-event_location #main,
  body.archive.category #main,
  body.archive.tag #main {
    margin-top: -85px;
    padding: 15px 20px;
    margin-left: 2%;
  }
}
@media only screen and (min-width: 1040px) {
  body.page-template-page-landing-custom #main,
  body.page-template-page-landing-php #main,
  body.page-template-page-landing-modular-php #main,
  body.page-template-page-landing-involved-php #main,
  body.post-type-archive-abi_upcoming_event #main,
  body.tax-event_type #main,
  body.tax-event_location #main,
  body.archive.category #main,
  body.archive.tag #main {
      margin-left: 4.5%;
  }
}
.lt-ie9 body.page-template-page-landing-custom #main,
.lt-ie9 body.page-template-page-landing-php #main, .lt-ie9
body.page-template-page-landing-modular-php #main, .lt-ie9
body.page-template-page-landing-involved-php #main, .lt-ie9
body.post-type-archive-abi_upcoming_event #main, .lt-ie9
body.tax-event_type #main, .lt-ie9
body.tax-event_location #main, .lt-ie9
body.archive.category #main, .lt-ie9
body.archive.tag #main {
  margin-top: -85px;
  padding: 15px 20px;
}
body.page-template-page-landing-custom #side,
body.page-template-page-landing-php #side,
body.page-template-page-landing-modular-php #side,
body.page-template-page-landing-involved-php #side,
body.post-type-archive-abi_upcoming_event #side,
body.tax-event_type #side,
body.tax-event_location #side,
body.archive.category #side,
body.archive.tag #side {
  padding-right: 20px;
}


/* line 47, ../scss/_globals.scss */
@media only screen and (min-width: 721px) {
    body.archive #main,
    .page-template-page-landing #main,
    .page-template-page-landing-custom #main {
        width: 73%;
    }
    body.archive #side {
        width: 25%;
    }
}
@media only screen and (min-width: 1040px) {
    body.archive #main,
    .page-template-page-landing #main,
    .page-template-page-landing-modular #main,
    .page-template-page-landing-custom #main {
        width: 70%;
    } 
}
@media only screen and (max-width: 720px) {
  body.archive #main .has-image > figure img {
    max-width: 150px;
  }
}


/* line 1043, ../scss/_base.scss */
.archive h2,
.page-template-page-news-php h2 {
  margin: 0;
}

/* line 1046, ../scss/_base.scss */
.archive h2 a,
.page-template-page-news-php h2 a {
  color: #8d2165;
}

/* line 1052, ../scss/_base.scss */
.archive p.byline,
.page-template-page-news-php p.byline {
  color: #999999;
  margin: 0;
}
/* line 1055, ../scss/_base.scss */
.archive p.byline a:hover,
.page-template-page-news-php p.byline a:hover {
  color: #ec8e2a;
}

/* line 1061, ../scss/_base.scss */
.archive p.byline a,
.page-template-page-news-php p.byline a {
  color: #999999;
  margin: 0;
}

/* line 1068, ../scss/_base.scss */
.archive .entry-content p,
.page-template-page-news-php .entry-content p {
  color: #666666;
  margin: 0;
}

/* line 1074, ../scss/_base.scss */
.archive .line-sep,
.page-template-page-news-php .line-sep {
  color: #e5e5e5;
}

/* line 1081, ../scss/_base.scss */
.excerpt-read-more {
  display: none;
}

/* Events / Calendar */
.post-type-archive-abi_upcoming_event .event-excerpt .hlist  li,
.post-type-archive-abi_upcoming_event .event-excerpt .hlist  li a,
.tax-event_type .event-excerpt .hlist li,
.tax-event_type .event-excerpt .hlist li a,
.category-calendar .event-excerpt .hlist li {
  color: #919394;
  font-size: 16px;
  font-family: BrandonTextWeb-Bold;
  text-transform: uppercase;
}
.post-type-archive-abi_upcoming_event .event-excerpt h2,
.tax-event_type .event-excerpt h2,
.category-calendar .event-excerpt h2 {
  font-size: 30px;
}

/*======================================
=            SINGLE ARTICLE / PAGE     =
======================================*/
article:not(.excerpt) h2 {
  font-size: 35px;
}
/* line 150, ../scss/_article.scss */
h2.article-title {
  font-family: Quan-SemiLight, "Times New Roman", Times, serif;
  font-size: 36px;
  line-height: 36px;
  margin: 0;
  color: #;
}
@media only screen and (min-width: 721px) {
  /* line 150, ../scss/_article.scss */
  h2.article-title {
    font-size: 42px;
    line-height: 42px;
    color: #8d2165;
  }
}
/* line 160, ../scss/_article.scss */
.lt-ie9 h2.article-title {
  font-size: 42px;
  line-height: 42px;
}

/* line 27, ../scss/_article.scss */
.simple-article .post {
  width: 100%;
}

/* line 31, ../scss/_article.scss */
.single-article .post ul {
  list-style-type: disc;
}
/* line 35, ../scss/_article.scss */
.single-article .post ol {
  padding-left: 40px;
  list-style-type: decimal;
}


/* line 40, ../scss/_article.scss */
.meta-data {
  width: 100%;
  margin-right: 2%;
  overflow: hidden;
}
/* line 45, ../scss/_article.scss */
.meta-data ul {
  padding: 0;
  color: #bababa;
  font-style: italic;
  margin: 0;
  float: left;
  margin-right: 20px;
  list-style-type: none;
}
@media only screen and (min-width: 721px) {
  /* line 45, ../scss/_article.scss */
  .meta-data ul {
    margin-right: 0;
  }
}
/* line 56, ../scss/_article.scss */
.meta-data ul li {
  margin: 0;
  padding-right: 5px;
}
/* line 59, ../scss/_article.scss */
.meta-data ul li a {
  color: #bababa;
}
/* line 62, ../scss/_article.scss */
.meta-data ul li a:hover {
  color: #005c88;
}
/* line 66, ../scss/_article.scss */
#main .meta-data ul.sharing {
  float: left;
  margin-left: 10px;
}
/* line 68, ../scss/_article.scss */
.meta-data ul.sharing li {
  font-size: 14px;
  display: inline-block;
}
/* line 74, ../scss/_article.scss */
.meta-data h5 {
  font-size: 14px;
  font-style: normal;
  color: #005c88;
  padding-bottom: 0px;
  margin: 0;
  float: left;
  text-transform: uppercase;
}

.excerpt h3 {
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
}
ul.post_fonts li.pull_left , ul.post_fonts li.pull_right {
    list-style: none outside none !important;
}
.excerpt {
    margin-bottom: 20px;
    overflow: hidden;
    padding-bottom: 10px;
    clear: both;
}
@media only screen and (min-width: 721px) {
  .one-col {
    float: left;
    margin-left: 2.127659574468%;
    width: calc(100%/3 - 30px);
  }
  .lt-ie9 .one-col {
    float: left;
    margin-left: 2%;
    width: 31%;
  }
  .two-col {
    float: left;
    margin-left: 2.127659574468%;
    width: calc( 100%*2/3 - 30px );
  }
    .one-col.first,
   .two-col.first {
      margin-left: 0;
    }
  .lt-ie9 .two-col {
    float: left;
    margin-left: 2%;
    width: 65%;
  }
}

.excerpt.one-col {
  clear: none;
  margin-bottom: 0;
}

@media only screen and (min-width: 721px) {
  /* line 116, ../scss/_landing.scss */
  .excerpt figure {
    float: left;
    margin-right: 2.941176470588%;
    width: 20.588235294118%;
  }
}
/* line 122, ../scss/_landing.scss */
.lt-ie9 .excerpt figure {
  float: left;
  margin-right: 2%;
  width: 20%;
}
/* line 128, ../scss/_landing.scss */
.excerpt figure img {
  width: 100%;
}
/* line 132, ../scss/_landing.scss */
.excerpt .excerpt-text p {
  margin-bottom: 10px;
  margin-top: 0;
}
@media only screen and (min-width: 721px) {
  /* line 131, ../scss/_landing.scss */
  .excerpt .excerpt-text {
    float: left;
    width: 100%;
  }
}
/* line 140, ../scss/_landing.scss */
.lt-ie9 .excerpt .excerpt-text {
  float: left;
  width: 100%;
}
/* line 145, ../scss/_landing.scss */
.excerpt .excerpt-text h2 {
  margin: 0;
}
/* line 149, ../scss/_landing.scss */
.excerpt p.excerpt-link,
.excerpt p.action-link {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  padding: 5px 0 8px;
}
/* line 154, ../scss/_landing.scss */
.excerpt p.excerpt-link a,
.excerpt p.action-link a {
  color: #666;
}
/* line 157, ../scss/_landing.scss */
.excerpt p.excerpt-link a:after,
.excerpt p.action-link a:after {
  color: #f8982d;
  font-size: 14px;
  padding: 5px 0 0 5px;
}

/* line 167, ../scss/_landing.scss */
@media only screen and (min-width: 721px) {
    .excerpt.has-image .excerpt-text {
      width: 76.470588235294%;
    }
}

/* line 172, ../scss/_landing.scss */
.page-template-page-landing-involved-php .excerpt {
  border-bottom: 0;
}

/* line 177, ../scss/_landing.scss */
.excerpt.article-link {
  padding: 0 20px 20px;
  padding-left: 0;
}
/* line 180, ../scss/_landing.scss */
.excerpt.article-link ul.hlist {
  color: #999;
  font-size: 16px;
  margin-left: 30px;
}
/* line 185, ../scss/_landing.scss */
.excerpt.article-link p {
  line-height: 1.1;
  margin: 0 0 5px 0;
  padding-left: 30px;
  text-indent: -30px;
}
/* line 190, ../scss/_landing.scss */
.excerpt.article-link p a {
  color: #000;
  font-size: 24px;
}

/* line 206, ../scss/_landing.scss */
.excerpt.article-link p a:before {
  color: #ec8e2a;
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  /*-webkit-font-feature-settings: "liga"; Currently broken in Chrome >= v22. Falls back to text-rendering. Safari is unaffected. */
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  -ms-font-feature-settings: "liga" 1;
  -o-font-feature-settings: "liga";
  font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  content: '';
  margin-right: 10px;
}

.excerpt.calendar-excerpt > h3 > a {
  color: ;
}

/* line 42, ../scss/_events.scss */
.excerpt .event-meta {
  color: #999;
  font-size: 16px;
  margin: 0;
}
/* line 46, ../scss/_events.scss */
.excerpt .event-meta a {
  color: #999;
}

/* line 50, ../scss/_events.scss */
.excerpt.event-excerpt {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
  padding-bottom: 10px;
}
/* line 54, ../scss/_events.scss */
.excerpt.event-excerpt h2 {
  margin-bottom: 0;
}
/* line 57, ../scss/_events.scss */
.excerpt.event-excerpt p {
  margin: 0 0 10px 0;
}



/* line 268, ../scss/_article.scss */
.related {
  float: left;
  border-top: 1px solid #f3f3f4;
  border-bottom: 1px solid #f3f3f4;
  padding: 20px 0;
  margin-top: 40px;
  margin-bottom: 40px;
  width: 100%;
}

/* line 277, ../scss/_article.scss */
.story-next {
  width: 100%;
}
@media only screen and (min-width: 721px) {
  /* line 277, ../scss/_article.scss */
  .story-next {
    float: left;
    margin-right: 20px;
    width: 220px;
  }
}
/* line 284, ../scss/_article.scss */
.lt-ie9 .story-next {
  float: left;
  margin-right: 20px;
  width: 220px;
}
/* line 289, ../scss/_article.scss */
.story-next h2 {
  font-size: 30px;
  line-height: 35px;
}
/* line 293, ../scss/_article.scss */
.story-next h3 {
  margin: 0;
  line-height: 28px;
  margin-right: 20px;
  font-family: BrandonTextWeb-Regular, "Times New Roman", Times, serif;
}
/* line 299, ../scss/_article.scss */
.story-next a {
  font-size: 18px;
}

/* line 309, ../scss/_article.scss */
.story-next .meta, .story-next .meta a {
  color: #999;
}

/* line 315, ../scss/_article.scss */
.story-next .ss-icon {
  margin-top: 10px;
  margin-left: 20px;
  position: relative;
  top: 2px;
}

/* line 324, ../scss/_article.scss */
.story-next-header i {
  display: none;
}
.story-next-header > .header-blue {
    margin-top: 0;
}
@media only screen and (min-width: 721px) {
  /* line 323, ../scss/_article.scss */
  .story-next-header {
    float: left;
    margin-right: 50px;
    position: relative;
    width: 100px;
  }
  /* line 330, ../scss/_article.scss */
  .story-next-header i {
    display: block;
    position: absolute;
    right: 0;
    top: 35%;
  }
}
/* line 337, ../scss/_article.scss */
.lt-ie9 .story-next-header {
  float: left;
  margin-right: 50px;
  position: relative;
  width: 100px;
}
/* line 342, ../scss/_article.scss */
.lt-ie9 .story-next-header span {
  display: block;
  position: absolute;
  right: 0;
  top: 35%;
}

/*=======================================
=            Feature Section            =
=======================================*/

/* line 1096, ../scss/_base.scss */
.feature-section {
  max-width: 100%;
  border-bottom: 1px solid #e4e4e4;
  overflow: hidden;
}

/* line 1101, ../scss/_base.scss */
.feature-story {
  max-width: 100%;
  padding-bottom: 30px;
}
@media only screen and (min-width: 721px) {
  /* line 1101, ../scss/_base.scss */
  .feature-story {
    width: 48.5%;
    margin-left: 1.5%;
    float: left;
  }
}

@media only screen and (min-width: 721px) {
  /* line 1110, ../scss/_base.scss */
  .feature-story:first-child {
    margin-left: 0;
    margin-right: 1.5%;
  }
}

/* line 1116, ../scss/_base.scss */
.feature-section .feature-story h2 {
  font-size: 32px;
  line-height: 38px;
}

/* line 1124, ../scss/_base.scss */
.landing-feature-image img {
  width: 100%;
}

/*====================================
=            Partner List            =
====================================*/
/* line 85, ../scss/_globals.scss */
.partner-list li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 25px;
}
/* line 90, ../scss/_globals.scss */
.partner-list img {
  height: auto;
  width: 140px;
}
@media only screen and (min-width: 1040px) {
  /* line 90, ../scss/_globals.scss */
  .partner-list img {
    width: 140px;
  }
}

/*=====================================
=            Search                   =
=====================================*/
/* line 4, ../scss/_search.scss */
body.search-results #site-content,
body.search-no-results #site-content,
body.single-column #site-content {
  padding-top: 0;
}
/* line 7, ../scss/_search.scss */
body.search-results #main,
body.search-no-results #main,
body.single-column #main {
  float: none;
  margin: 0 auto;
}
/* line 11, ../scss/_search.scss */
body.search-results .post, body.search-results .page,
body.search-no-results .post,
body.search-no-results .page,
body.single-column .post,
body.single-column .page {
  clear: both;
  width: 100%;
}
/* line 15, ../scss/_search.scss */
body.search-results article,
body.search-no-results article,
body.single-column article {
  border-bottom: 1px solid #eee;
  margin-bottom: 10px;
}
/* line 18, ../scss/_search.scss */
body.search-results article a,
body.search-no-results article a,
body.single-column article a {
  color: #333;
}

/* line 25, ../scss/_search.scss */
.search-header {
  background: #f1f1f1;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0 10px 10px;
  margin: 0 0 10px -2%;
  width: 104%;
}
@media only screen and (min-width: 721px) {
  /* line 25, ../scss/_search.scss */
  .search-header {
    padding: 10px 10px 96px;
  }
}
@media only screen and (min-width: 1040px) {
  /* line 25, ../scss/_search.scss */
  .search-header {
    padding: 25px 56px;
    margin: 0 0 20px -46px;
    width: 1052px;
    margin: 0 0 20px -4.791666666667%;
    width: 109.583333333333%;
  }
}
/* line 42, ../scss/_search.scss */
.lt-ie9 .search-header {
  padding: 25px 56px;
  margin: 0 0 20px -46px;
  width: 1052px;
  margin: 0 0 20px -4.791666666667%;
  width: 109.583333333333%;
}
/* line 49, ../scss/_search.scss */
.search-header figure {
  display: none;
}
@media only screen and (min-width: 721px) {
  /* line 49, ../scss/_search.scss */
  .search-header figure {
    display: block;
    float: left;
    margin: 0 30px 0 10px;
    width: 300px;
  }
}
/* line 57, ../scss/_search.scss */
.lt-ie9 .search-header figure {
  display: block;
  float: left;
  margin: 0 30px 0 10px;
  width: 300px;
}
/* line 64, ../scss/_search.scss */
.search-header h2, .search-header h3 {
  color: #eaf69a;
  font-style: normal;
  line-height: 1.2;
  margin: 0;
}
@media only screen and (min-width: 721px) {
  /* line 64, ../scss/_search.scss */
  .search-header h2, .search-header h3 {
    font-size: 38px;
  }
}
/* line 74, ../scss/_search.scss */
.lt-ie9 .search-header h2, .lt-ie9 .search-header h3 {
  font-size: 38px;
}
/* line 78, ../scss/_search.scss */
.search-header h2 {
  color: #ffffff;
  font-size: 52px;
}
/* line 82, ../scss/_search.scss */
.search-header input[type=text] {
  width: 77%;
}
/* line 85, ../scss/_search.scss */
.search-header label {
  font-weight: 500;
}
/* line 88, ../scss/_search.scss */
.search-header .search-results-count {
  margin: 0 auto;
  width: 77%;
}

/* line 67, ../scss/_header.scss */
.banner-search {
  float: right;
  position: relative;
}
/* line 70, ../scss/_header.scss */
.banner-search div {
  cursor: pointer;
  padding: 6px 8px 4px 8px;
}
/* line 77, ../scss/_header.scss */
.banner-search form {
    display: inline-block;
}
.banner-search.active form input {
  width: 200px;
  -webkit-transition: width 0.3s ease-out;
  -o-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
}
/* line 97, ../scss/_header.scss */
.banner-search form input {
  display: inline-block;
  box-sizing: border-box;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: transparent;
  margin: 0;
  padding: 2px 0;
  width: 0px;
  -webkit-transition: width 0.3s ease-in;
  -o-transition: width 0.3s ease-in;
  transition: width 0.3s ease-in;
  border-bottom: 1px solid #bbb;
  font-size: 15px;
  line-height: normal;
  border-radius: 0;
}
.banner-search #searchtoggle {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    display: block;
    background: transparent;
    height: 36px;
    cursor: pointer;
}
.banner-search.active #searchtoggle {
    display: none;
}
.banner-search #searchsubmit {
    display: inline-block;
    padding-top: 7px;
    background: none;
    cursor: pointer;
    outline: 0;
    border: 0;
}
.banner-search #searchsubmit > i {
    color: #717475;
}

/* line 1, ../scss/_list-horizontal.scss */
.hlist,
#main .hlist {
  list-style: none;
  margin: 0;
  padding: 0;
}
/* line 5, ../scss/_list-horizontal.scss */
.hlist li {
  display: inline;
  display: inline-block;
  margin-left: 7px;
  padding: 0;
}
/* line 10, ../scss/_list-horizontal.scss */
.hlist li:before {
  color: #999;
  content: '|';
  padding-right: 10px;
}
/* line 15, ../scss/_list-horizontal.scss */
.hlist li:first-child {
  margin-left: 0;
}
/* line 18, ../scss/_list-horizontal.scss */
.hlist li:first-child:before {
  content: '';
  padding-right: 0;
}

.connect ul {
  float: right;
  margin: 4px 5px 0 10px;
}
.connect .hlist li:not(:first-child):before {
  content: '·';
}
.connect a > i {
  font-size: 18px;
}

/*===============================
=            Sidebar Widgets    =
===============================*/
/* line 186, ../scss/_article.scss */
.side-module {
  margin: 0 0 40px;
}
/* line 188, ../scss/_article.scss */
.side-module p {
  color: #999;
  margin: 0 0 10px 0;
}
/* line 192, ../scss/_article.scss */
.side-module a {
  color: #323232;
}

/* line 199, ../scss/_article.scss */
.side-module a:visited {
  color: #323232;
}
/* line 204, ../scss/_article.scss */
.side-module h3.header-blue a,
.side-module h4.widgettitle,
.side-module h4.widgettitle a {
  font-family: "Quan-SemiLight", Helvetica, sans-serif;
  color: #54bceb;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  font-size: 24px;
}
/* line 212, ../scss/_article.scss */
.side-module .ss-icon {
  position: relative;
  top: 3px;
  font-size: 16px;
  color: #c7c8ca;
}
/* line 218, ../scss/_article.scss */
.side-module h4 {
  margin: 0;
}
.side-module ul.menu li {
  padding-bottom: 0;
}

/* line 225, ../scss/_article.scss */
h3.widgettitle,
h3.widgettitle a,
h4.widgettitle,
h4.widgettitle a {
  font-family: "Quan-SemiLight", Helvetica, sans-serif;
  color: #8d2165;
  text-transform: uppercase;
  margin: 0;
  font-size: 25px;
  line-height: 30px;
}

/* line 240, ../scss/_landing.scss */
.action-link a,
#side nav ul a,
div.side-module ul.menu a,
nav.sub-nav a,
ul.sub-nav a {
  color: #575757;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.action-link a:hover,
#side nav ul a:hover,
div.side-module ul.menu a:hover,
nav.sub-nav a:hover,
ul.sub-nav a:hover {
  color: #005c88;
}
/* line 246, ../scss/_landing.scss */
.action-link a:after,
#side nav ul a:after,
div.side-module ul.menu a:after,
nav.sub-nav a:after,
ul.sub-nav a:after {
  font-family: "FontAwesome";
  font-weight: bold;
  white-space: nowrap;
  content: "\f105";
  color: #f8982d;
  font-size: 18px;
  padding: 5px 0 0 5px;
}

/* line 261, ../scss/_landing.scss */
div.side-module ul.menu li,
nav.sub-nav li {
  position: relative;
}

/* line 310, ../scss/_landing.scss */
#side nav ul,
div.side-module ul.menu,
nav.sub-nav,
ul.sub-nav {
  margin: 0;
}
/* line 312, ../scss/_landing.scss */
#side nav ul a,
div.side-module ul.menu a,
nav.sub-nav a,
ul.sub-nav a {
  border-top: 1px solid #eaeaea;
  padding-right: 35px;
}
/* line 316, ../scss/_landing.scss */
#side nav ul a:after,
div.side-module ul.menu a:after,
nav.sub-nav a:after,
ul.sub-nav a:after {
  position: absolute;
  right: 25px;
  top: 0;
}
/* line 324, ../scss/_landing.scss */
#side nav ul li:first-child a,
div.side-module ul.menu li:first-child a,
nav.sub-nav li:first-child a,
ul.sub-nav li:first-child a {
  border-top: 0;
}

.side-news p:not(.action-link) {
  margin: 0;
  font-size: 16px;
}
.side-news p:first-of-type {
    font-size: 14px;
}
.side-news h4 > a {
    color: #54BCEB;
    font-family: BrandonTextWeb-Bold;
    font-size: 18px;
    font-weight: normal;
}

/*==============================
=            Header            =
==============================*/
.lt-ie9 #banner nav.main {
  box-shadow: none;
  clear: left;
  float: left;
  height: auto;
  left: auto;
  padding: 0;
  position: static;
  white-space: nowrap;
  width: auto;
}
/* line 147, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main .spacer {
  display: none;
}
/* line 150, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: auto;
}
/* line 155, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main ul > li {
  display: inline;
  display: inline-block;
  margin-left: 7px;
  font-size: 14px;
  height: auto;
  padding: 0;
}
/* line 162, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main ul > li a {
  background: #fff;
  border: 0;
  display: inline;
  padding: 0;
}
/* line 167, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main ul > li a span {
  display: none;
}
/* line 173, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main li {
  margin-left: 5px;
}
/* line 174, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main li:first-child {
  margin-left: 0;
}
/* line 175, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main li:before {
  color: #005c88;
  content: '•';
  padding-right: 8px;
}
/* line 180, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main li:first-child:before {
  content: '';
  padding-right: 0;
}
/* line 184, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main li:nth-child(3):before {
  color: #54bceb;
}
/* line 185, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main li:nth-child(4):before {
  color: #c1d82f;
}
/* line 186, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main li:nth-child(5):before {
  color: #f89728;
}
/* line 187, ../scss/_shortstack_nav.scss */
.lt-ie9 #banner nav.main li:nth-child(7):before {
  color: #54bceb;
}



/* line 195, ../scss/_shortstack_nav.scss */
#banner {
  background: #fff;
  border-bottom: 1px solid #eaeaeb;
  padding: 20px 0 4px;
  position: relative;
  z-index: 2;
  *zoom: 1;
}
/* line 18, ../scss/bourbon/addons/_clearfix.scss */
#banner:before, #banner:after {
  content: " ";
  display: table;
}
/* line 23, ../scss/bourbon/addons/_clearfix.scss */
#banner:after {
  clear: both;
}
/* line 203, ../scss/_shortstack_nav.scss */
#banner .masthead {
  float: left;
  position: relative;
  z-index: 11;
  width: 25%;
}
/* line 208, ../scss/_shortstack_nav.scss */
#banner .masthead button {
  background: #54bceb;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  color: #fff;
  font-size: 14px;
  margin: 0 10px 0 10px;
  padding: 8px 8px 8px 8px;
  line-height: 1em;
  display: block;
  float: left;
}
@media only screen and (min-width: 1040px) {
  /* line 208, ../scss/_shortstack_nav.scss */
  #banner .masthead button {
    display: none;
  }
}
/* line 227, ../scss/_shortstack_nav.scss */

/* line 241, ../scss/_shortstack_nav.scss */
#banner nav.main .spacer {
  background: #fff;
  border-bottom: 1px solid #f4f4f4;
  height: 74px;
}
/* line 246, ../scss/_shortstack_nav.scss */
#banner nav.main > ul {
  margin: 0;
  padding: 0;
  position: relative;
  width: 280px;
  font-size: 0;
}
/* line 251, ../scss/_shortstack_nav.scss */
#banner nav.main ul > li {
  padding: 0;
  margin: 0;
  text-transform: uppercase;
}
/* line 257, ../scss/_shortstack_nav.scss */
#banner nav.main ul > li a {
  background: #fff;
  color: #575757;
  display: inline-block;
  text-decoration: none;
  padding: 5px 5px;
  width: 100%;
  font-family: Quan-Bold;
  font-size: 22px;
}
#banner nav.main ul > li.home-link {
  display: none;
} 

#banner nav.main > ul > li > a::after {
  content: '\f107';
  position: relative;
  font-family: 'FontAwesome';
  color: #bbb;
  font-size: 22px;
  font-weight: bold;
  text-rendering: optimizeLegibility;
  padding:  0 0 0 5px;
  top: 4px;
  display: inline-block;
}
#banner nav.main > ul > li a:hover::after {
  color: #54bceb;
}
/* line 267, ../scss/_shortstack_nav.scss */
#banner nav.main ul > li a span {
  color: #c7c8ca;
  display: inline-block;
  float: right;
  line-height: 1;
  margin-top: 3px;
}
/* line 276, ../scss/_shortstack_nav.scss */


/* submenus */
#banner nav.main > ul > li > ul.sub-menu {
  display: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 96%;
  left: 0;
}
#banner nav.main .sub-menu a {
    font-family: BrandonTextWeb-Regular;
    background: transparent;
    font-weight: bold;
}
#banner nav.main .sub-menu .sub-menu a{
  font-size: 16px;
  font-weight: bold;
  padding: 5px 10px;
  color: #101820;
}
#banner nav.main .sub-menu .sub-menu {
  margin-left: 15px;
}
#banner nav.main ul > li.menu-item-has-children {
    position: relative;
}
#banner nav.main > ul > li.menu-item-events {
    position: static;
}


#banner nav.main > ul > li > ul.sub-menu li {
  display: block;
  background: none;
  text-align: left;
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
#banner nav.main > ul > li > ul.sub-menu > li > a {
  text-transform: uppercase;
  color: #1b9ad6;
  font-size: 16px;
  letter-spacing: 0.05em;
  line-height: 2;
}

#banner nav.main > ul > li:nth-child(2) > ul.sub-menu > li > a,
#banner nav.main > ul > li.menu-item-support > ul.sub-menu > li > a,
#banner nav.main > ul > li.menu-item-events > ul.sub-menu > li > a {
  padding-left: 0;
  margin-left: 5px;
}

#banner nav.main > ul > li:last-child > ul {
  right: 0;
  left: auto;
}
#banner nav.main ul > li ul li {
  font-weight: normal;
  height: auto;
  text-transform: none;
}
#banner nav.main > ul > li > ul li a {
  padding: 5px 10px;
  display: block;
}
#banner nav.main > ul > li > .sub-menu li a[href="#"] {
  cursor: default;
}
#banner nav.main > ul > li > .sub-menu li a:not([href="#"]):hover {
  color: #005c88 !important;
}
#banner nav.main ul > li ul li a span {
  float: left;
  width: 23px;
  padding-top: 3px;
}

#banner nav.main > ul > li.menu-item-events span.sub {
    display: inline-block;
    position: relative;
    font-family: BrandonTextWeb-Italic;
    font-size: 16px;
    font-weight: bold;
    text-transform: none;
    left: 25px;
    top: 7px;
    float: none;
    white-space: normal;
    max-width: 300px;
    overflow: hidden;
}
#banner nav.main .sub-menu span.sub {
  font-weight: bold;
}

/* line 337, ../scss/_shortstack_nav.scss */
#banner nav.main ul.secondary {
  padding-top: 20px;
}
/* line 339, ../scss/_shortstack_nav.scss */
#banner nav.main ul.secondary li {
  border-top: none;
  font-weight: normal;
}
/* line 342, ../scss/_shortstack_nav.scss */
#banner nav.main ul.secondary li:last-child {
  border-bottom: none;
}


/* secondary menu */

nav.main-subnav {
  position: relative;
}
nav.main:hover ~ nav.main-subnav,
nav.main:hover ~ .ab-site-name {
  z-index: -1;
}
nav.main-subnav > .menu {
  display: block;
  position: relative;
  background-color: #54bceb;
  font-family: Quan-Bold;
  margin: 0;
}

nav.main-subnav > .menu > li a {
  color: #fff;
}
nav.main-subnav > .menu > li a:hover {
  color: #003f5c !important;
}
nav.main-subnav > .menu > li > a {
  display: block;
  padding: 0 15px;
  font-size: 24px;
}
@media only screen and (min-width: 1040px) {
  /* line 227, ../scss/_shortstack_nav.scss */
  #banner nav.main {
    box-shadow: none;
    float: right;
    height: auto;
    left: auto;
    margin-right: 5px;
    margin-top: -47px;
    padding: 0;
    position: static;
    white-space: nowrap;
    border-top: .1em solid #54bceb;
    width: 75%;
    z-index: 10;
  }

  /* line 358, ../scss/_shortstack_nav.scss */
  #banner nav.main .spacer {
    display: none;
  }
  /* line 361, ../scss/_shortstack_nav.scss */
  #banner nav.main > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
    height: 60px;
    line-height: 1;
  }

  /* line 366, ../scss/_shortstack_nav.scss */
  #banner nav.main ul > li {
    display: inline;
    display: inline-block;
    font-size: 16px;
    height: auto;
    padding: 0;
    text-align: center;
  }
  /* line 373, ../scss/_shortstack_nav.scss */
  #banner nav.main ul > li a {
    background: #fff;
    border: 0;
    display: inline;
    padding: 0;
  }
  #banner nav.main > ul > li {
    height: 30px;
  }
  #banner nav.main > ul > li > a {
    padding: 20px 8px;
    height: 100% !important;
    /* line-height: 60px; */
    position: relative;
    background: none;
    display: inline-block;
    z-index: 1;
  }
  #banner nav.main > ul > li.menu-item-has-children > .sub-menu {
    background-color: #fcfcfc;
    display: block;
    overflow: hidden;
    padding: 15px 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
  }
  #banner nav.main > ul > li.menu-item-has-children:hover > .sub-menu {
    border: .1em solid #54bceb;
    opacity: 1;
    visibility: visible;
    z-index: 1;
    -webkit-transition: opacity 0.3s ease 0.25s;
    -o-transition: opacity 0.3s ease 0.25s;
    transition: opacity 0.3s ease 0.25s;
    top: 60px;
  }
  #banner nav.main > ul.primary > li > a:hover,
  #banner nav.main > ul.primary > li.hover > a {
    color: #fff !important;
  }
  #banner nav.main > ul > li.current-site > a::before,
  #banner nav.main > ul.primary > li > a:hover::before,
  #banner nav.main > ul.primary > li.hover > a::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: -21px;
    left: 0;
    right: 0;
    background: #54bceb;
    z-index: -1;
  }
  #banner nav.main > ul.primary > li:not(.hover) > a::before {
    pointer-events: none;
  }
  #banner nav.main > ul > li.current-site > a {
    color: #fff;
  }
  #banner nav.main > ul > li.current-site > a::after {
    color: #fff;
  }
  #banner nav.main > ul > li.current-site > a:hover::after,
  #banner nav.main > ul.primary > li.hover > a::after {
      color: #54bceb;
  }
  #banner nav.main > ul > li.current-site > a:hover {
    color: #fff !important;
  }
  #banner nav.main ul > li.current-menu-item a {
    color: #1e1e1e;
  }

  /* line 378, ../scss/_shortstack_nav.scss */
  #banner nav.main ul > li a span {
    display: none;
  }
  /* line 384, ../scss/_shortstack_nav.scss */
  #banner nav.main li {
    margin-left: 5px;
  }
  /* line 385, ../scss/_shortstack_nav.scss */
  #banner nav.main li:first-child {
    margin-left: 0;
  }

  /* sub menu */
  nav.main-subnav::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: -13px;
    width: 0;
    height: 0;
    border-right: 14px solid #54bceb;
    border-top: 41px solid transparent;
    z-index: 1;
  }
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu > li > a,
  #banner nav.main > ul > li.menu-item-support > ul.sub-menu > li > a,
  #banner nav.main > ul > li.menu-item-events > ul.sub-menu > li > a {
      border-bottom: .1em solid #54bceb;
  }
  #banner nav.main > ul > li.menu-item-support > ul.sub-menu {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -o-column-count: 2;
    column-count: 2;
  }
  #banner nav.main > ul > li:nth-child(2) > ul > li:nth-child(even),
  #banner nav.main > ul > li.menu-item-events > ul > li:nth-child(even) {
      margin-top: 20px;
  }
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu,
  #banner nav.main > ul > li.menu-item-events > ul.sub-menu {
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      -o-flex-wrap: wrap;
      flex-wrap: wrap;
       -webkit-flex-direction: column;
      -moz-flex-direction: column;
      -ms-flex-direction: column;
      -o-flex-direction: column;
      flex-direction: column;
      -ms-align-items: stretch;
      align-items: stretch;
      width: 700px;
  }
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu {
      max-height: 530px;
      height: 530px;
  }
  #banner nav.main > ul > li.menu-item-events > ul {
      max-height: 370px;
      height: 370px;
  }
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu > li,
  #banner nav.main > ul > li.menu-item-events > ul.sub-menu > li {
      -webkit-flex: 0 0 45%;
      -moz-flex: 0 0 45%;
      -ms-flex: 0 0 45%;
      -o-flex: 0 0 45%;
      flex: 0 0 45%;
      max-width: 45%;
      width: 45%;
  }
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu > li:nth-child(1),
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu > li:nth-child(2),
  #banner nav.main > ul > li.menu-item-events > ul.sub-menu > li:nth-child(1),
  #banner nav.main > ul > li.menu-item-events > ul.sub-menu > li:nth-child(2) {
    margin-right: 20px;
  }
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu > li:nth-child(1),
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu > li:nth-child(3) {
    min-height: 250px;
  }
 /*  #banner nav.main > ul > li.menu-item-events > ul.sub-menu > li:nth-child(even) {
      padding-right: 15px;
  } */
  #banner nav.main > ul > li:nth-child(2) > ul.sub-menu {
      width: 700px;
  }

  /* secondary menu */
  nav.main-subnav {
    width: 74.6%;
    float: right;
    height: 40px;
  }
  nav.main-subnav > ul {
    height: 100%;
  }
  .ab-site-name {
    display: inline-block;
    position: relative;
    background-color: #005c88;
    height: 40px;
    color: #fff;
    text-align: left;
    line-height: 40.5px;
    font-size: 24px;
    font-family: Quan-Bold;
    overflow: hidden;
    padding-left: 20px;
    clear: both;
    float: left;
    width: 25.2%;
  }
  .ab-site-name > a,
  .ab-site-name > a:hover {
    color: #fff !important;
  }
  .ab-site-name::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 14px solid #005c88;
    border-bottom: 41px solid #fff ;
  }
  .ab-site-name,
  nav.main-subnav,
  nav.main-subnav > .menu > li {
      display: inline-block;
  }

}

#main-nav-toggle {
  display: none;
}

/* mobile nav */
@media only screen and (max-width: 1039px) {
    #banner {
      padding: 35px 0 30px;
      border-bottom: 0;
    }
    #banner > .wrapper {
      overflow: hidden;
    }
    #banner .connect {
      display: none;
    }
    #mobile-toggle {
      font: inherit;
      display: inline-block;
      position: absolute;
      right: 30px;
      top: 35px;
      overflow: visible;
      margin: 0;
      padding: 15px;
      cursor: pointer;
      transition-timing-function: linear;
      transition-duration: .4s;
      transition-property: opacity,filter, transform, top, right;
      text-transform: none;
      color: inherit;
      border: 0;
      background-color: transparent;
      z-index: 13;
    }
    #mobile-toggle.scrolled {
        top: -15px;
        right: -15px;
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        -o-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0.8;
    }
    #mobile-toggle.is-active {
      position: fixed;
    }
    .admin-bar #mobile-toggle.is-active {
      top: 67px;
    }
    .admin-bar #mobile-toggle.scrolled {
        top: 17px;
    }
    #mobile-toggle .mobile-box {
      position: relative;
      display: inline-block;
      width: 55px;
      height: 51px;
    }
    #mobile-toggle .mobile-box-inner {
      top: 50%;
      display: block;
      -webkit-transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;
      -o-transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;
      transition: transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms;
    }
    #mobile-toggle.is-active .mobile-box-inner {
      -webkit-transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
      -o-transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
      transition: transform 75ms cubic-bezier(.215,.61,.355,1) 0s,background-color 0s linear .15s;
      transform: rotate(90deg);
      background-color: transparent;
    }
    #mobile-toggle .mobile-box-inner, 
    #mobile-toggle .mobile-box-inner:after, 
    #mobile-toggle .mobile-box-inner:before {
      background-color: #54bceb;
      position: absolute;
      width: 50px;
      height: 3px;
    }
    #mobile-toggle.is-active .mobile-box-inner, 
    #mobile-toggle.is-active .mobile-box-inner:after, 
    #mobile-toggle.is-active .mobile-box-inner:before {
      height: 2px;
    }
    #mobile-toggle .mobile-box-inner:after, 
    #mobile-toggle .mobile-box-inner:before {
      content: "";
      display: block;
    }
    #mobile-toggle .mobile-box-inner:before {
      top: -16px;
      -webkit-transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
      -o-transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
      transition: top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
    }
    #mobile-toggle .mobile-box-inner:after {
      bottom: -16px;
      -webkit-transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
      -o-transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
      transition: bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19) 0s;
    }
    #mobile-toggle.is-active .mobile-box-inner:before {
      top: 0;
      -webkit-transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
      -o-transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
      transition: top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
    }
    #mobile-toggle.is-active .mobile-box-inner:after {
      bottom: 0;
      -webkit-transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
      -o-transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
      transition: bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      transform: rotate(45deg);
    }

    /* logo */
    #banner .logo-mobile {
      display: block;
    }

    .mobile-nav-open #banner {
      overflow: visible;
    }

    #banner nav.main,
    #banner nav.main .spacer {
      display: none;
    }
    #banner nav.main {
      margin-bottom: 30px;
    }
    #banner nav.main.open {
      display: block;
    }
   
    #banner .header-inner {
      position: fixed;
      left: auto;
      right: 0;
      -webkit-transform: translateX(340px);
      -ms-transform: translateX(340px);
      -o-transform: translateX(340px);
      transform: translateX(340px);
      -webkit-transition: transform 0.3s ease-in;
      -o-transition: transform 0.3s ease-in;
      transition: transform 0.3s ease-in;
      overflow-y: scroll;
    }
    #banner .header-inner::-webkit-scrollbar { 
        display: none; 
    }

    #banner .header-inner {
      border-left: 4px solid rgba(84, 188, 235, 1);
      padding: 135px 50px 20px 20px;
      background: #fff;
      width: 320px;
      height: 100vh;
      min-height: 100%;
      z-index: 12;
      top: 0;
    }
    .admin-bar #banner .header-inner {
      padding-top: 167px;
    }
    .mobile-nav-open #banner .header-inner {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0);
    }

    #banner nav.main > .primary {
      width: 100%;
    }
    #banner nav.main > .primary > li > a {
      padding: 5px 0;
      border-bottom: 1px solid #575757;
      font-size: 24px;
    }
    #banner nav.main > ul > li.home-link {
        display: block;
    }
    #banner nav.main > ul > li.home-link > a::after {
        content: '\f015';
        font-family: FontAwesome;
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
        background: #fff;
        color: #575757;
    }
    #banner nav.main > ul > li > a::after {
      color: #54bceb;
    }
    body #banner nav.main > ul > li.menu-item-has-children > ul.sub-menu {
      position: absolute;
      background-color: #fff;
      top: 95%;
      width: 100%;
      padding-top: 0 !important;
      display: none;
    }
    body #banner nav.main > ul > li.menu-item-has-children.open > ul.sub-menu {
      position: relative;
      display: block;
      padding-right: 0;
    }
    #banner nav.main > ul > li.menu-item-has-children.open > a::after {
        content: '\f106';
    }
    #banner nav.main > ul > li.menu-item-events span.sub {
        top: -9px;
    }

    /* site name */
    .ab-site-name {
        background-size: cover;
        margin-bottom: 30px;
        z-index: 13; 
    }
    .ab-site-name > a {
        display: block;
        opacity: 0;
        height: 100%;
    }

    /* secondary menu */
    #banner nav.main-subnav > .menu {
      background-color: #fff;
    }
    nav.main-subnav > .menu > li {
        padding: 0;
    }
    nav.main-subnav > .menu > li > a {
        color: #575757;
        text-transform: uppercase;
    }
    nav.main-subnav > .menu > li:not(:last-child) > a {
        border-bottom: 1px solid #575757;
    }
    #banner nav.main > .primary > li > a,
    nav.main-subnav > .menu > li > a {
        padding: 5px 0;
    }

    /* back to main toggle */ 
    #main-nav-toggle {
      display: block;
      border-bottom: 1px solid #575757;
      margin-bottom: 30px;
    }
    #main-nav-toggle a {
      font-family: Quan-Bold;
      font-size: 24px;
      text-transform: uppercase;
      color: #575757;
    }
    #main-nav-toggle a > i {
      font-weight: bold;
      position: relative;
      top: 1px;
    }
    #main-nav-toggle.is-active > a > i::before {
      content: '\f106';
    }
    #banner .masthead {
        display: none;
    }
    #banner .logo-mobile::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 130px;
        height: 3px;
        background-color: #54bceb;
    }
}
@media only screen and (max-width: 780px) {
    .admin-bar #banner .header-inner {
      padding-top: 181px;
    }
    .admin-bar #mobile-toggle.is-active {
      top: 81px;
    }
    .admin-bar #mobile-toggle.scrolled {
        top: 31px;
    }
}

@media only screen and (max-width:375px) {
  #banner .logo {
    background-size: auto 18vw;
    background-position: 0;
  }
  #mobile-toggle .mobile-box {
    max-width: 10vw;
  }
}

/* line 408, ../scss/_shortstack_nav.scss */
#banner.nav-open nav.main {
  left: 0;
}
/* line 418, ../scss/_shortstack_nav.scss */
#banner.nav-open.sub nav.main > ul {
  width: 280px;
}
/* line 422, ../scss/_shortstack_nav.scss */
#banner.nav-open.sub nav.main ul.primary {
  left: -280px;
}

/* line 58, ../scss/_shortstack_nav.scss */
.logo {
  background: url('img/ab_logo.png') 0 0 no-repeat;
  background-size: auto 70px;
  display: block;
  float: left;
  height: 83px;
  line-height: 1;
  text-indent: -314159px;
  text-indent: -200em;
  width: 243px;
}
.logo-mobile {
  display: none;
}


@media only screen and (min-width: 721px) {
  /* line 58, ../scss/_shortstack_nav.scss */
  .logo {
   /*  background-size: 215px 43px;
    height: 43px;
    margin-left: 0;
    width: 215px; */
  }
}
@media only screen and (min-width: 721px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-width: 721px) and (-moz-min-device-pixel-ratio: 1.5), only screen and (min-width: 721px) and (min-device-pixel-ratio: 1.5) {
  /* line 58, ../scss/_shortstack_nav.scss */
  .logo {
    background: url('img/ab_logo_2x.png') 0 0 no-repeat;
    background-size: auto 70px;
  }
}

/*==============================
=            Footer            =
==============================*/
#site-footer {
  background: #fff;
}
#site-footer .footer-inner  {
  padding-top: 4%;
  border-top: 1px solid #bbb;
  padding-left: 0;
  padding-right: 0;
}
#site-footer .footer-content {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 12%;
}

#site-footer .footer-content > .fc-left {
    -webkit-flex: 0 0 calc(100%/3);
    -moz-flex: 0 0 calc(100%/3);
    -ms-flex: 0 0 calc(100%/3);
    -o-flex: 0 0 calc(100%/3);
    flex: 0 0 calc(100%/3);
}
#site-footer .footer-content > .fc-right {
    -webkit-flex: 0 0 calc(100%/3*2);
    -moz-flex: 0 0 calc(100%/3*2);
    -ms-flex: 0 0 calc(100%/3*2);
    -o-flex: 0 0 calc(100%/3*2);
    flex: 0 0 calc(100%/3*2);  
}
#site-footer nav.main {
  display: inline-block;
}
#site-footer nav.main ul {
  margin: 0;
}
#site-footer nav.main li {
  display: block;
  text-align: left;
  padding: 0;
  white-space: nowrap;
}
#site-footer nav.main a {
  text-transform: uppercase;
  font-family: 'Quan-Bold';
  font-size: 24px;
}

#site-footer .footer-logo {
  display: block;
  background-size: contain !important;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: -314159px;
  cursor: pointer;
  width: 340px;
}
#site-footer .footer-logo > a {
  display: block;
  width: 100%;
  height: 100%;
}
footer #footer-mission {
  margin-top: 45px;
}
footer #footer-mission,
footer #footer-slogan {
  font-style: normal;
  font-weight: bold;
  text-align: left;
  line-height: 2;
  font-size: 16px;
  letter-spacing: 0.05em;
}
footer #footer-slogan {
  margin-top: 10px;
  color: #575757;
}
footer .footer-banner {
  padding: 30px 0;
}
footer .footer-banner > img {
  width: 100%;
}

@media only screen and (min-width: 1040px) {
  #site-footer .textwidget {
    max-width: 80%;
  }
  #site-footer .footer-content:nth-child(2) {
    margin-right: 5px;
    width: calc(100%/3*2);
  }
}

@media only screen and (max-width: 1039px) {
  #site-footer .footer-content {
    padding: 0 12%;
  }
  footer .footer-banner {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media only screen and (max-width: 720px) {
  #site-footer nav.main  {
    line-height: 3vw;
  }
  #site-footer nav.main a {
    font-size: 2.85vw
  }
  footer #footer-mission {
    margin-top: 2.9vw;
  }
  footer #footer-mission,
  footer #footer-slogan {
    font-size: 2.1vw
  }
  footer .footer-banner {
    padding-top: 2.9vw;
    padding-bottom: 2.9vw;
  }

}