/* globals ============================================================================= */

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

/* fix bootstrap container */

@media (min-width: 1200px) {
  .container {
    width: 992px;
    padding-left:0; padding-right: 0;
    box-shadow: none;
  }
}



.catapult-page .container { margin-left:auto; margin-right:auto; box-shadow: none;}

h2, h2:focus, h2:active, .btn, .btn:focus, .btn:active, a, a:hover, a:active, a:focus {
  outline:0;
}


/* colors -------------------------------------------------------------------- */



html,
body { background-color: #F2F1F1; }

body { padding-bottom:30px; margin-left:auto; margin-right:auto;  }
h2, a, .btn {
  -webkit-transition: all .25s ease;
   -moz-transition: all .25s ease;
   -o-transition: all .25s ease;
   transition: all .25s ease;
}
/* primary colors */

.color-main-sky      { color: #4F8ABE; }
.color-main-green    { color: #8DC63F; }
.color-main-yellow   { color: #FFD201; }
.color-main-orange   { color: #F89728; }
.color-main-grey     { color: #5F6062; }

.bg-main-sky        { background-color: #4F8ABE !important; }
.bg-main-green      { background-color: #8DC63F !important; }
.bg-main-yellow     { background-color: #FFD201 !important; }
.bg-main-orange     { background-color: #F89728 !important; }
.bg-main-grey       { background-color: #5F6062 !important; }

/* secondary colors */

.color-secondary-royal       { color: #005295; }
.color-secondary-magenta     { color: #A21984; }
.color-secondary-blue        { color: #0181C5; }
.color-secondary-sky         { color: #54BCEB; }
.color-secondary-grey        { color: #A1A1A4; }

.bg-secondary-royal          { background-color: #005295 !important; }
.bg-secondary-magenta        { background-color: #A21984 !important; }
.bg-secondary-blue           { background-color: #0181C5 !important; }
.bg-secondary-sky            { background-color: #54BCEB !important; }
.bg-secondary-grey           { background-color: #A1A1A4 !important; }

/* supporting colors */

.color-white { color: #fff; }
.color-black { color: #000; }

.bg-white { background-color: #fff !important; }
.bg-black { background-color: #000 !important; }

/* fonts / typography */

.av-light   { font-family: 'AvenirLTStd-Light'; font-weight:300 !important; }
.av-book    { font-family: 'AvenirLTStd-Book'; }
.av-med     { font-family: 'AvenirLTStd-Medium'; }
.av-black   { font-family: 'AvenirLTStd-Black'; }

.text-copy,
.copy-text { font-size:2rem; font-family:'AvenirLTStd-Light'; }
p.text-copy { margin-bottom:30px; }

.copy-small { font-family: 'AvenirLTStd-Light'; font-size:1.2em; line-height: 1.6}

/* base font in Bootstrap 3 is 14px */

h1 { font-size: 5.1em; font-family:'AvenirLTStd-Black' }

/* layout / structure / content ----------------------------------------------- */

/*.site-header { padding-top:18px; } */
.site-logo   { display:block; margin-top:12px; margin-left:15px;}
.header-mock { display:block; margin-left:auto; }
.nav-main ul { margin-right:15px;  }
.nav-main .current { color: #54BCEB; }

.site-header-nav {
  background: #fff;
}

.page-template-microsite  #trigger-dropmenu {
  position:absolute;
  left:15px;
}

.page-template-microsite  #trigger-search {
  position:absolute;
  right:15px;
}


/* hero & nav tabs ---------------------- */

.catapult-page nav.catapult-section { margin:0; padding:0;   }
.catapult-page nav.catapult-section > ul.nav.nav-tabs.nav-justified,
.catapult-page nav.catapult-section > ul.nav.nav-tabs.nav-justified li,
.catapult-page nav.catapult-section > ul.nav.nav-tabs.nav-justified li a { border:none !important; border-radius: 0 !important; }

nav.catapult-section li,
nav.catapult-section li a { height:55px; font-size:1.2em; line-height: 36px; border:none !important; border-radius:0 !important; }
.catapult-page nav.catapult-section li.active a,
.catapult-page nav.catapult-section li a:hover { color:#fff !important;  }

li#tab-overview,
li#tab-overview * { background-color: #4F8ABE; }

li#tab-strategy,
li#tab-strategy * { background-color: #FFD201;  }

li#tab-ventures,
li#tab-ventures * { background-color: #F89728;  }

li#tab-apply,
li#tab-apply * { background-color: #54BCEB;   }

li#tab-resources,
li#tab-resources * { background-color: #8DC63F; }

li#tab-overview a.active,
li#tab-strategy a.active,
li#tab-ventures a.active,
li#tab-apply a.active,
li#tab-resources a.active  { color:#fff; }

li#tab-overview > a,
li#tab-strategy > a,
li#tab-ventures > a,
li#tab-apply > a,
li#tab-resources > a {  color:#5F6062;  }

/* overview intro ----------------------- */

.overview { color:#fff;  }

.overview-intro { padding:44px 32px 30px 32px;  }
.overview-intro h1 { margin:0; padding:0; padding-bottom:20px; padding-top:44px; }
.overview-summary { padding:30px 37px 50px 37px;  }
.overview-summary img {max-width:100%; height:auto; }


.read-icons-wrap { position: relative; padding-bottom:5em; }
.read-more-wrap,
.read-less-wrap {
  position:absolute;
  top:0;
  left:50%;
  -webkit-transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   transform: translateX(-50%);
   text-align: center;
   height:60px;
}
.read-select a,
.read-icon { display:block; cursor: pointer; top:0;  }
.read-icon { font-size:24px; }

.overview-more,
.read-less-wrap { display: none; }

#read-more-link,
#read-less-link { color:#fff; padding-bottom:1em; cursor: pointer; }

.read-select { letter-spacing: .125em; text-align: center; text-transform: uppercase; position:relative; margin-top:1em; }
.read-select a:hover { text-decoration: none; }
.read-icon-wrap { text-align: center; padding-bottom:1em; background:none; font-size:2em; line-height: 0;}

/* NEWS */
.diverse-news .news-block h4 {line-height:1.5em;}
.diverse-news .news-block p {margin-bottom:5px;}

/* overview content capsules ----------------------- */

.overview-capsules { padding-top:72px; background: #fff !important; color:#000; }
.overview-capsules .row { padding-left: 24px; padding-right:24px;}
.overview-capsules p { font-size:1.25em;}
.overview-capsules p .ikon-learn-mre { font-size:1.25em; } 

.overview-capsules .av-book div {}
.overview-capsules .av-book div:nth-of-type(1) {padding-right:20px;}
.overview-capsules .av-book div:nth-of-type(2) {padding-right:20px;}
.overview-capsules .av-book div:nth-of-type(3) {}

.overview-capsules .av-book div h2 {
	margin:0; padding:0; 
	padding-top: 18px; padding-bottom:18px;
  	color: #5f6062;	
	}
.overview-capsules .av-book div:nth-of-type(1) h2 {border-top:20px solid #FFD201;}
.overview-capsules .av-book div:nth-of-type(2) h2 {border-top:20px solid #F89728;}
.overview-capsules .av-book div:nth-of-type(3) h2 { border-top:20px solid #54BCEB;}
.overview-capsules .av-book div:nth-of-type(4) h2 { border-top:20px solid #8DC63F;}
.overview-capsules .av-book div h2:hover { text-decoration: none; color:#5f5f5f; cursor: pointer; border-color: #5f5f5f;}
.overview-capsules .av-book div h2 a:hover { text-decoration: none; color:#5f5f5f; border-color: #5f5f5f; }
.overview-capsules .av-book div a { text-decoration: none;  }

.apply-now-button {
  padding-top:2.25em; padding-bottom:2.25em;
}

/* global faq section ----------------------- */

.attend-faq { margin-bottom:-20px !important; }

#faq-accordion dd,
#faq-accordion dt { padding-left:30px; padding-right:15px; }

.faq-bar          { height:60px; position: relative; padding-left:30px; overflow:hidden; }
.faq-hd           { margin:0; padding:0; font-size: 24px; line-height: 70px; position:relative; }
#faq-expand-all,
#faq-close-all    { font-size:12px; padding-left:16px; position: absolute; left:60px; cursor: pointer;}
#faq-close-all .ikon-faq-read-less,
#faq-expand-all .ikon-faq-read-more { font-size:18px; margin-left:4px; }
#faq-close-all { display:none; }


.faq-question   { margin:0; padding:0; font-size: 24px; line-height: 70px; cursor:pointer; }

.faq-answer     { padding-right:80px; padding-bottom:10px;   }
.faq-answer p,
.faq-answer ul   { font-size:1.3em; margin-right:45px; margin-top:15px; margin-bottom:15px;}

.faq-answer li { margin-bottom:15px; }


.faq-read-more  { padding-left:5px; }
.ikon-faq-close { font-size:24px; opacity:.3; }

/* apply content ---------------------------------------------------- */

.apply-wrap { padding-left:50px; padding-top:10px; }
.apply-intro { padding-top:10px; padding-bottom:35px; }
.apply-intro  h1 {
  color: #fff;
  font-size:32px;
}

h2.apply-hd { color:#5F6062; font-size:1.2em; line-height: 1.5; }
.squeeze-content { padding:50px;  }

.apply-space { padding-bottom:6em; }

ul.check-list {

  list-style-type: none;
  margin-left:18px; padding-left: 0;
  margin-top:20px; margin-bottom:45px;
  font-family: 'AvenirLTStd-Light';
  font-size:1.1em;
  line-height:1.1;
}
.check-list li {
  position:relative;
  padding-left:2em;
  margin-bottom: 15px;
  vertical-align: middle;
  line-height:1.1;
}
.check-list li:before {
  position:absolute;
  content: '\e801';
  font-family: 'ikons';
  color:#F89728;
  padding-left:-1.6em;
}​

.cap-grant > h2  {
  border-top:20px solid #FFD201;
  margin:0; padding:0; padding-top: 18px; padding-bottom:18px;
  font-size:22px; color:#5F6062;
}

.cap-grant > h2 {
  border-top:20px solid #FFD201;
  margin:0; padding:0; padding-top: 18px; padding-bottom:18px;
  font-size:22px;  color:#5F6062;
}

.cap-draft > h2 {
  border-top:20px solid #F89728;
  margin:0; padding:0; padding-top: 18px; padding-bottom:18px;
  font-size:22px;  color:#5F6062;
}

.cap-eligible > h2 {
  border-top:20px solid #59bde9;
  margin:0; padding:0; padding-top: 18px; padding-bottom:18px;
  font-size:22px;  color:#5F6062;
}

.apply-capsules > div > div > h2:hover { text-decoration: none; color:#5f5f5f; cursor: pointer; border-color:#5f5f5f !important; }
.apply-capsules > div > div > h2 a:hover { text-decoration: none; color:#5f5f5f; }


/* eligibility content ---------------------------------------------------- */

.eligibility-wrap { padding-left:50px; padding-top:10px;   }
.eligibility-intro h1 {
  margin:0; padding:0;
  color: #fff;
  font-size:32px;
  padding-top:30px;
  padding-bottom: 35px;
}

h2.eligible-green-hd {
  color: #8DC63F;
  font-family: 'AvenirLTStd-Black';
  font-size:36px;
  margin:0; padding:0;
  padding-top:75px;
  padding-bottom: 20px;
  line-height: 1.3
}

h3.eligible-sub-hd {
  color: #5F6062;
  font-family: 'AvenirLTStd-Medium';
  margin:0; padding:0;
  padding-top:30px;
  padding-bottom: 20px;
  font-size:26px;
  line-height: 1.3
}

.page-eligible .check-list {
  width:75%;
}

.top-padding {
  padding-top:0;
  padding-top:20px;

}

p.back-to-top {
  padding-top:75px;
  font-size:72px;
  line-height: 0;
  text-align: center;
  color: #5F6062;
  position:relative;
}

a.click-to-top {
  color: #5F6062;
  text-decoration: none;
  outline:0 !important;
}

a.click-to-top:active {
  outline:0 !important;
}

a.click-to-top:hover {
  color: #5F6062;
  text-decoration: none;
}
.back-to-top .ikon {
  display:block;
}

.back-to-top span {
  letter-spacing: .1em;
  font-size:14px;
}

/* Footer ---------------------------- */
.nav-page-footer      { padding-bottom: 3em; }
.nav-page-footer ul   { list-style-type: none; padding-left:0; margin-left: 0; margin-left:30px; }
.nav-page-footer li   { display:inline; margin-right:3em; }
.nav-page-footer a    { color: #5F6062; }
.catapult-page-end    { padding-top:3em; font-size:.9em; background-color: #F2F1F1; }
.nav-page-end ul      { list-style-type: none; padding-left:0; margin-left: 0; margin-left: 30px; }
.nav-page-end li      { display:inline; margin-right:3em;  }
.connect-col          { padding-right:30px; }
.connect-col span     { padding-right:20px; }

.nav-page-footer-timeline { padding-top:3em; padding-bottom:0; }
.nav-page-footer-timeline ul { margin-left:0; }
.squeeze-footer .nav-page-end ul { margin-left: 0; }


/* spacing / padding utilities ------------------------------------------------ */

.snug           { margin:0; padding:0; }
.flush-bottom   { margin-bottom:0; padding-bottom:0; }
.flush-top      { margin-top:0; padding-top:0; }
.squeeze-margins { padding-left:15px; padding-right:15px; }

/* misc utilities ------------------------------------------------------------- */

.hr-white { border:none; border-top:1px solid #fff !important; }

a.ghost-button.btn{
	background-color: #fff;
	color:#4F8ABE;
  border:2px solid #4F8ABE;
  font-family:"AvenirLTStd-Heavy";
  height:60px;
  width:248px;
  text-align: center;
  font-size:20px;
  line-height: 45px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

a.ghost-button.btn:hover {

	color:#fff;
  border-color:#54BCEB;
  background-color:#54BCEB !important;

}


/* media queries -------------------------------------------------------------- */

/* xs */
@media only screen and (min-width : 320px) {

  .cohorts-grid > div{ min-height:75px; }

 }

/* sm */
@media only screen and (min-width : 480px) {

}

/* md */
@media only screen and (min-width : 768px) {

  /* .cohorts-grid > div { min-height:100px; } */
  .cohorts-grid > div { min-height:100px; }

}

 /* lg */
 @media only screen and (min-width : 992px) {

}

/* xl */
@media only screen and (min-width : 1200px) {

}

.page-eligible ul {
	list-style-type: none;
	  margin-left:18px; padding-left: 0;
	  margin-top:30px; margin-bottom:30px;
	  font-family: 'AvenirLTStd-Light';
	  /* font-size:36px; */
    line-height: 24px !important;
    position:relative;
}

.page-eligible ul li {
  position:relative;
  margin-left:1.5em;
  margin-bottom: 15px;
  line-height:24px !important;
}

 .page-eligible ul li > span {
   font-size:17px !important;
}
.page-eligible ul li:before {
  position:absolute;
  content: '\e801';
  font-family: 'ikons';
  color:#F89728;
  margin-left:-1.75em;
  line-height: 24px;
}​

.copy-small-note {
  font-size:14px !important;
}


.catapult-page .row ol,
.catapult-page .row ol li,
.catapult-page .overview ol,
.catapult-page .overview ol li{
	list-style:decimal;
	margin-left:20px;
}

.catapult-page .row ul,
.catapult-page .row ul li{
	list-style:disc;
	margin-left:20px;
}

.faq-bar {height: auto;} /* Replace in stylesheet */
.faq-question {line-height: 28px;} /* Replace in stylesheet */
#faq-accordion dd, #faq-accordion dt { /* Replace in stylesheet */
    padding: 15px 15px 20px 30px;
}

/* max width */

@media only screen and (max-width:767px) {

  .overview-intro, .apply-intro {
    padding:10px 10px;
  }
  .overview-intro h1,
  .apply-intro h1,
  .eligibility-intro h1 {
    font-size:4rem;
  }

  h1 {
    margin-bottom:15px;
  }

  .timeline-wrap,
  .apply-wrap,
  .eligibility-wrap {
    padding:10px;
    margin:0;
  }
  .overview-summary {
    padding:15px;
  }
  .overview-summary p {
    padding:0; font-size:1.65rem;
  }

  .overview-capsules .row {
  padding-left: 0;
  padding-right: 0;
}
.overview-capsules p {
  font-size: 1.65rem;
}


  .row-squeeze, .squeeze-content {
    padding:15px;
  }

  .copy-text,
  .text-copy,
  p.text-copy,
  p.copy-text,
  .copy-small {
    font-size:1.65rem;
  }

  .pad-sides {
    padding-left:5px;
    padding-right:5px;
  }

  .faq-question {
    font-size:1.3rem;
  }

  .faq-answer p, .faq-answer ul {
    font-size: 1.4rem;
  }

  #accordion-row {
    margin-bottom:-20px;
  }

  p.cohort-intro {
    font-size:1.65rem;
  }

}

@media only screen and (max-width:479px) {

  .copy-text,
  .text-copy,
  p.text-copy,
  p.copy-text,
  p.av-light.text-copy {
    font-size:1.65rem;
  }

}

.ignite-program-nav-link:hover { color:#000 !important; text-decoration: none; }