/*
**************************************

Client: Faber Novel
Project: Citizenshipworks
Company: Maxxor Business Solutions
Developer: Brent Birch

***************************************
*/
/*
***************************************
1. VARIABLES
***************************************
*/
/*
-------------------------
MIXINS
-------------------------
*/
.input-shadow {
  -webkit-box-shadow: 0 5px #f7f7f7;
  -moz-box-shadow: 0 5px #f7f7f7;
  box-shadow: 0 5px #f7f7f7;
}
/*
-------------------------
END MIXINS
-------------------------
*/
/* Smartphones (portrait) ----------- */
@media only screen and (max-width: 320px) {
  /* Styles */
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  /* Styles */
  body {
    font-size: 14px!important;
    overflow-x: hidden;
  }
  section#content h3.Pagetitle {
    padding: 20px 0 10px;
    font-size: 1.6em;
  }
  p {
    font-size: 14px;
  }
  #video video {
    height: 250px;
  }
  a#closeVideo {
    top: -5px;
    right: 10px;
  }
  h1 {
    font-size: 32px!important;
  }
  h2 {
    font-size: 24px!important;
  }
  h3 {
    font-size: 18px!important;
  }
  h4 {
    font-size: 16px!important;
  }
  h5 {
    font-size: 16px!important;
  }
  h6 {
    font-size: 14px!important;
  }
  p {
    font-size: 14px!important;
    line-height: 20px!important;
  }
  li {
    font-size: 14px!important;
  }
  .TextBtn {
    padding: 0;
  }
  /*
	button styling
	--------------------------------------
	*/
  button:focus {
    box-shadow: none;
  }
  .glbBtnGreen {
    background: none repeat scroll 0 0 #B0D234;
    color: #FFFFFF;
    font-family: "JockeyOneRegular", Arial Narrow, Arial, sans-serif;
    font-size: 1.8em;
    text-transform: uppercase;
  }
  a.learnMore {
    width: 215px;
    float: none!important;
    display: block;
  }
  a.search,
  input.search {
    margin: 10px 0;
  }
  .filterButtons input[type="button"] {
    width: 100%;
    text-align: left;
    margin: 5px 0;
    background-position: 16px -2px;
    padding-left: 60px;
    max-width: inherit!important;
  }
  .filterButtons input[type="button"]:hover {
    background-position: 16px -2px;
  }
  /*
	end button styling
	--------------------------------------
	*/
  /*
	form styling
	--------------------------------------
	*/
  input.zipCode {
    width: 100%!important;
  }
  /*
	form styling
	--------------------------------------
	*/
  /* header styling */
  header {
    height: auto;
  }
  header a.logo {
    clear: both;
  }
  header a.logo img {
    width: 100%;
  }
  header h4 {
    float: none;
    clear: both;
    text-align: center!important;
    padding: 10px 50px!important;
  }
  /* end header styling */
  .globalnavigation nav li a {
    padding: 0 7px!important;
    font-size: 12px!important;
  }
  .globalnavigation .GlobalBtn {
    min-width: 55px!important;
    font-size: 12px!important;
  }
  /* 

	footer styling
	------------------------------------------------
	*/
  footer {
    height: auto;
  }
  footer .container {
    padding: 0;
  }
  footer nav ul li a {
    font-size: 12px;
    padding: 0 7px;
  }
  footer a.poweredby {
    margin-top: 0;
    margin: 0 5px 5px 0;
  }
  footer #copyright p {
    width: 50%;
    float: left!important;
    padding: 20px 0 0 10px;
  }
  /* 
	prescreening styling
	------------------------------------------------
	*/
  .start-container {
    background: none;
    padding: 0;
    float: none;
  }
  .initial-start-btn {
    margin: 10px auto;
    float: none;
    display: block;
  }
  h1.home-notice-headers {
    font-size: 1.6em;
  }
  p.home-text,
  p.home-body-text {
    font-size: 1em;
    line-height: inherit;
    margin-left: 10px;
    margin-right: 10px;
  }
  .body-content {
    padding: 10px;
  }
  .question-text {
    font-size: 1em;
  }
  .form-container {
    width: 100%;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .form-container .content {
    padding: 10px;
  }
  .form-container .dob-content {
    padding: 10px;
  }
  .form-headers {
    font-size: 1.6em;
  }
  .dob-box {
    width: 100%;
  }
  .form_textbox.ui-autocomplete-input,
  input.form_textbox {
    width: 100%;
  }
  .form_textbox.hasDatepicker {
    width: 80%;
  }
  .ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    top: 160px!important;
    left: 27px!important;
  }
  .home-notice-headers {
    margin-left: 10px;
    margin-top: 10px;
    padding-bottom: 10px;
  }
  .intro-container-title {
    margin: 0 0 0 10px;
    font-size: 1.4em;
  }
  .eligibility-notice-container {
    width: 100%;
  }
  .blue-bullet-points {
    margin: 20px 0 0 25px;
    font-size: 1em;
  }
  .intro-container .home-notice-headers {
    font-size: 2em;
  }
  .intro-container .text-bold {
    font-size: 1.2em;
    line-height: inherit;
  }
  section.dashboard .col-md-7 {
    margin: 20px 0 0 0;
  }
  section.dashboard #subsectionProgressBar {
    width: 100%;
  }
  #subsectionProgressBar span#intro,
  #subsectionProgressBar span#done {
    width: 15%;
  }
  #subsectionProgressBar span {
    width: 9.5%;
  }
  /* 
	end prescreening styling
	------------------------------------------------
	*/
  /* 
	footer styling
	------------------------------------------------
	*/
  /* 
	end footer styling
	------------------------------------------------
	*/
}
@media only screen and (min-device-width: 480px) and (max-device-width: 640px) {
  /* Styles */
  .globalnavigation nav li a {
    padding: 0 7px!important;
    font-size: 16px!important;
  }
  .globalnavigation .GlobalBtn {
    min-width: 55px!important;
    font-size: 12px!important;
  }
  /* 
	footer styling
	------------------------------------------------
	*/
  footer {
    height: auto;
  }
  footer .container {
    padding: 0;
  }
  footer nav ul li a {
    font-size: 16px;
    padding: 0 10px;
  }
  footer a.poweredby {
    margin: 0 15px 5px 0!important;
  }
  footer #copyright p {
    width: 65%;
    float: left!important;
    padding: 20px 0 0 10px;
  }
  /* 
	end footer styling
	------------------------------------------------
	*/
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 566px) and (max-device-width: 768px) {
  /* Styles */
  h1 {
    font-size: 32px!important;
  }
  h2 {
    font-size: 26px!important;
  }
  h3 {
    font-size: 20px!important;
  }
  h4 {
    font-size: 18px!important;
  }
  h5 {
    font-size: 16px!important;
  }
  h6 {
    font-size: 14px!important;
  }
  p {
    font-size: 16px!important;
    line-height: 24px!important;
  }
  header {
    padding: 10px 10px!important;
  }
}
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  /* Styles */
  .container {
    max-width: 100%!important;
  }
  /* header styling */
  header {
    height: auto;
  }
  header a.logo {
    margin: 20px 0 0 0!important;
  }
  header h4 {
    width: 35%;
    float: right;
    padding: 20px 0 0 0!important;
  }
  /* end header styling */
  /* HOMEPAGE STYLING */
  .projectpartners {
    height: auto;
    padding: 0 0 20px 0;
  }
  /*  */
  /* 
	PORTAL PAGE
	------------------------------------------------
	*/
  #PortalPage h3 {
    padding-top: 20px;
  }
  #PortalPage table.dataTable {
    width: 100%!important;
  }
  #PortalPage .container {
    min-width: 100%!important;
    max-width: 100%!important;
  }
  #PortalPage a#getStarted {
    padding: 22px 0 22px 110px!important;
  }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* Styles */
}
/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  /* Styles */
}
@media (min-width: 1200px) {
  .container {
    max-width: 965px;
  }
}
/* Desktops and laptops ----------- */
@media only screen and (min-width: 1224px) {
  /* Styles */
}
/* Large screens ----------- */
@media only screen and (min-width: 1824px) {
  /* Styles */
}
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  /* Styles */
}
/*# sourceMappingURL=responsive.css.map */