/*--------------------------------------------------------------------------
* Author      : Nathan Winch
* Date        : November 02, 2012
* Project     : Onboarding - Extras
* Description : Main CSS.
--------------------------------------------------------------------------*/
/*
* CONTENTS
*
* 1. STYLE GUIDE
* 2. IMPORTS
* 3. FRAMEWORK
*   3.1. ELEMENT
*   3.2. PRIMARY
* 4. PAGE SPECIFIC
* 5. MEDIA QUERIES
* 6. OVERWRITES
*	6.1. webCampaign.css
*	6.2. mobileCampaign.css
--------------------------------------------------------------------------*/
/*
* 1. STYLE GUIDE
*
* - All colors must be listed in the Swatch Colors section of this file.
* - All properties must be listed in alphabetical order for each declaration block.
--------------------------------------------------------------------------*/
/*
* 2. IMPORTS
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
* Author      : Nathan Winch
* Date        : July 25, 2012
* Project     : CBA V2 Template landing pages.
* Description : Base CSS.
--------------------------------------------------------------------------*/
/*
* VARIABLES
---------------------------------------*/
/*
* COLOUR SWATCH
*
* 4ec4e2 - CBA brand sky
* 71d0e8 - CBA brand sky tint 1
* 95dcee - CBA brand sky tint 2
* b8e7f3 - CBA brand sky tint 3
* dcf3f9 - CBA brand sky tint 4
* b9b39c - CBA brand sandstone
* c7c2b0 - CBA brand sandstone tint 1
* d5d1c4 - CBA brand sandstone tint 2
* e3e1d7 - CBA brand sandstone tint 3
* f1f0eb - CBA brand sandstone tint 4
* 8a97a1 - CBA brand dusk
* a1acb4 - CBA brand dusk tint 1
* b9c1c7 - CBA brand dusk tint 2
* d0d5d9 - CBA brand dusk tint 3
* e8eaec - CBA brand dusk tint 4
* 808285 - CBA brand slate
* 999b9d - CBA brand slate tint 1
* b3b4b6 - CBA brand slate tint 2
* cccdce - CBA brand slate tint 3
* e6e6e7 - CBA brand slate tint 4
* ffcc00 - CBA brand yellow
* 231f20 - CBA brand dark
*
*/
/*
* IMPORTS
---------------------------------------*/
/*
* 3. FRAMEWORK
--------------------------------------------------------------------------*/
/*
* 3.1. ELEMENT
---------------------------------------*/
/*
* 4. PAGE SPECIFIC
--------------------------------------------------------------------------*/
/*
* 4.1. ONBOARDING
---------------------------------------*/
/* line 60, onboarding-extras-web.scss */
#onboardingTheme {
  background-color: #a1acb4;
  background-image: url(../images/bg-extras.gif);
}
/* line 66, onboarding-extras-web.scss */
#onboardingTheme h1 {
  height: 265px;
  width: 400px;
}
/* line 71, onboarding-extras-web.scss */
#onboardingTheme .hero {
  background-image: url(../images/hero/extras.jpg);
}
/* line 74, onboarding-extras-web.scss */
#onboardingTheme .hero .links-bg {
  height: 96px;
}
/* line 77, onboarding-extras-web.scss */
#onboardingTheme .hero .links {
  height: 80px;
}
/* line 82, onboarding-extras-web.scss */
#onboardingTheme .screens-nav a {
  height: 30px;
}
/* line 87, onboarding-extras-web.scss */
#onboardingTheme .screens-wrapper .screen {
  left: 25px;
  top: 18px;
}
/* line 92, onboarding-extras-web.scss */
#onboardingTheme .row4-col {
  height: 537px;
}
/* line 95, onboarding-extras-web.scss */
#onboardingTheme .row5-col, #onboardingTheme .row5-col2 {
  height: 560px;
}
/* line 98, onboarding-extras-web.scss */
#onboardingTheme .row5-col h2, #onboardingTheme .row5-col2 h2 {
  padding-top: 34px;
}

/*
* 5. MEDIA QUERIES
--------------------------------------------------------------------------*/
@media screen and (max-width:640px) {
  /* line 114, onboarding-extras-web.scss */
  #onboardingTheme .row4-col {
    height: auto;
  }
  /* line 117, onboarding-extras-web.scss */
  #onboardingTheme .row5-col, #onboardingTheme .row5-col2 {
    height: auto;
  }
}