/* Original theme styles. OneAmerica styles are further down the page */
/* Portrait tablet to landscape and desktop */

@media (min-width: 980px) {
 /*Menu*/
 .navbar { float:right; border:none;}
 .collapse.in li a,
 .collapse.in ul.dropdown-menu a,
 .collapse.in li a.dropdown-toggle {
  border:none;
 }
}

@media (max-width: 980px) {
 /*Search Box Menu1*/
 .navbar .search-open {
  top: auto;
  bottom: 47px;
  left:38px;
  border:0;
  padding-top:5px;
  padding-bottom:5px;
  position:absolute;
  background: none;
  border-bottom: none;
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
 }
 .navbar .search-open input {
  width: 330px;
 }

 .navbar .search-open input.gsc-search-button {
  width: 63px;
 }

 /*Search Box Menu2*/
 .navbar .search-open-inner {
  top:-51px;
  left:45px;
  border:0;
  padding-top:6px;
  padding-bottom:5px;
  position:relative;
  background:#3c495a;
 }
 .navbar .search-open-inner input {
  width:330px;
 }

 /*Image hover*/
 .da-thumbs li article em {
  display:none !important;
 }
}

@media (max-width: 900px) {
 /*Menu*/
 .nav-collapse .nav{ float:none !important; margin-top: 10px !important; }

 /*Service Block*/
 .service .desc { width: 55%}

 .contact-form .input-xlarge {width: 200px !important}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
 /*Menu*/
 .nav-collapse .nav { margin-top: 10px !important; }

}

/* Landscape phones and down */
@media (max-width: 480px) {
 /*Menu*/
 .nav-collapse .nav{ margin-top: 10px !important;}

 /*Search Box Menu2*/
 .navbar .search-open-inner {
  top:-50px;
 }

 /*Search Box Menu1*/
 .navbar .search-open input {
  width: auto;
 }

 .navbar .search-open input.gsc-search-button {
  width: 63px;
 }

 /*Search Box Menu2*/
 .navbar .search-open-inner input {
  width: auto;
 }

 .article-rotator .flex-control-paging {
  display: none !important;
 }
}

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

 Begin OneAmerica responsive classes

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

@media (min-width: 1200px) {

/*** Landing page used in conjunction with .bgcontainer to add the effect of padding ***/
.container-padding {
 width: 1210px;
}

/*** Primary navigation ***/
.navbar .nav > li > a {
 font-size: 18px;
}

/*** Login ***/
.form-inline .input-medium {
 width: 150px;
}

/*** Subpage navigation ***/

.nav-sub .nav-sub-head { /* sub navigation header "ribbon" */
 width: 260px;
}

.nav-sub li a {
 padding: 5px 0 5px 15px;
}

.nav-sub li ul li a {
 padding: 5px 0; /* Second level */
}

/*** Tabs ***/

.nav-tabs > li {
 width: 210px;
}

/*** Tabs with rotator ***/

.nav-tabs.nav-tabs-rotator > li {
 width: 289px;
}

.nav-tabs.nav-tabs-rotator.four-tabs > li {
 width: 217px;
}

/*** Article rotator with fixed height ***/

.flexslider.article-rotator.article-rotator-fixed-height  {
 height: 220px !important;
}

/*** signboard ***/

.flexslider.signboard p {
 margin: 15% auto 0;
}

}

@media (min-width: 980px) and (max-width: 1199px) {

.flexslider.article-rotator.article-rotator-fixed-height  {
 height: 275px !important;
}

/*** Tabs ***/

.nav-tabs.nav-tabs-rotator > li {
 width: 233px;
}
.nav-tabs.nav-tabs-rotator.four-tabs > li {
 width: 175px;
}

}

@media (min-width: 768px) and (max-width: 979px) { /* Landscape tablet and desktop */

/*** Landing page used in conjunction with .bgcontainer to add the effect of padding ***/
.container-padding {
 width: 764px;
}

/*** Primary navigation ***/
.navbar .nav > li > a {
 font-size: 16px;
}

.navbar .nav > li > a.btn-login,
.navbar .nav > li > a.btn-dummylogin {
    background: #EEEEEE;
    border-bottom: 2px solid #eee;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
 margin:10px 0 0 3px !important;
 border-top-color:#c4b796 !important;
 border-bottom-color: #c4b796 !important;
 -webkit-transition:all 0.4s ease-in-out;
   -moz-transition:all 0.4s ease-in-out;
   -o-transition:all 0.4s ease-in-out;
   transition:all 0.4s ease-in-out;
}

.navbar .nav > li > a:hover .caret,
.navbar .nav > li.open > a .caret{
  margin:10px 0 0 3px !important;
  border-top-color:#af1732 !important;
  border-bottom-color: #af1732 !important;
}

/*** Mega menu ***/

.nav-collapse .nav > li > a:hover, /* overwrite rollover background color */
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
    background: none;
  }

.dropdown-menu h4 {
  font-size: 16px;
  margin: 10px 0;
}

.dropdown-menu {
  padding: 0 0 20px 0; /* left and right padding is not nesessary on mobile  */
}

.dropdown-menu ul { /* First level mega menu <ul> */
  width: auto;
  background: none;
}

.dropdown-menu li { /* All levels of the mega menu <li> */
  font-size: 14px;
}

.nav-collapse .nav .nav-header {
    color: #755426;
 padding: 5px 0;
}

.dropdown-menu ul.pull-left { /* First level mega menu <ul> */
  float: none;
}

.dropdown-menu li ul li { /* Second level of the mega menu <li> */
  line-height: 25px; /* Increase line-height for mobile */
}

.nav-collapse .dropdown-menu a { /* Effects all mega menu links */
  padding: 9px 0 9px 10px;
  font-weight: normal;
  color: #777777;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
    border-radius: 3px;
}

.nav-collapse .dropdown-menu li + li a {
    /*margin-bottom: 0px;
 padding-left: 10px;*/
}

.nav-collapse .dropdown-menu h4 a {
   color: #023d69;
 display: block;
 padding-left: 0;
}

.nav-collapse .dropdown-menu h4 a:hover{
 color:#59798F;
}

.nav-collapse .dropdown-menu ul ul li a { /* Effects second level mega menu links */
    color: #023D69;
}

/*** Login ***/

.form-inline .input-medium {
 width: 150px;
}

.form-inline label {
    display: block;
}

.form-inline label.checkbox {
    display: inline-block;
}

.form-inline .btn-u {
    display: block;
 margin: 10px 0 0 0;
}

.form-inline .password { /**/
    margin: 0;
}

/* ".login-form-id-remember" contains the checkbox 'Remember my User ID' text and ? button */
.login .login-form-id-remember .checkbox {
    float: left;
    margin: 6px 0 0 0;
}

.login .login-form-id-remember p {
    margin: 5px 0 0 5px;
}

.login .form-horizontal p.mcak { /* McCready and Keene link */
    margin: 10px 0 10px 10px;
}

.login .form-horizontal button.btn-u {
    float: left;
    margin: 0;
}

/*** Subpage navigation ***/

.nav-sub .nav-sub-head { /* sub navigation header "ribbon" */
 width: 150px;
}

/*** Audience focused touts ***/

.audience-inner img.pull-left  {
 float: none;
}

.audience-inner p {
    margin-left: 0;
}

/*** Subpage touts ***/

.span3 .tout img + .content {
 margin: 0 0;
}

.span3 .tout img {
    margin: 0 0 10px 0;
 float: none;
}

/*** Aspire ***/

.aspire .carousel-caption {
 background: none;
 width: 75%;
 margin:  0px auto;
 top: 10%;
}
.aspire .carousel-caption h4 {
 font-size: 48px;
 text-transform: none;
 background: none;
 line-height: 1em;
 padding-bottom: 10px;
 display: block;
 border-bottom : 1px dotted #fff;
 margin-bottom: 10px;
}
.aspire .carousel-caption h5 {
 font-size: 28px;
 text-transform: none;
 background: none;
 line-height: 1em;
 padding-bottom: 10px;
 display: block;
 border-bottom : 1px dotted #fff;
 margin-bottom: 10px;
}
.aspire .carousel-caption p {
 text-align: left;
 font-size: 16px;
}

/* Tabs */

.nav-tabs > li {
 width: 129px;/* Allows tabs with a rotator to display horizontally on widescreen mode */
}

/* Tabs with article rotator */
.nav-tabs.nav-tabs-rotator a {
 /*padding:5px 10px !important; */
}

.nav-tabs.nav-tabs-rotator > li {
 width: 179px;/* Allows tabs with a rotator to display horizontally on widescreen mode */
}

.nav-tabs.nav-tabs-rotator.four-tabs > li {
 width: 134px;/* Allows tabs with a rotator to display horizontally on widescreen mode */
}

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

 Begin article rotator with fixed height

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

/* Signboard */
.flexslider.signboard p {
    font-size: 18px;
    line-height: 26px;
    margin: 19% auto 0;
}

.odit-nav .span6 {
 clear: both;
 width: 100%;
 margin-left: 0px;
}

}

@media (max-width: 767px) { /* Landscape phone to portrait tablet */

/*** Landing page used in conjunction with .bgcontainer to add the effect of padding ***/
.bgcontainer {
    background: none; /* remove the background image for mobile */
    padding: 0;
}

.container-padding {
 width: auto;
}

/*** Primary navigation ***/

.navbar .nav > li > a {
 font-size: 14px;
 }

.navbar .nav > li > a.btn-login,
.navbar .nav > li > a.btn-dummylogin {
    background: #EEEEEE;
    border-bottom: 2px solid #eee;
}

/*Arrow for menu*/
.navbar .nav > li > a .caret {
  margin:10px 0 0 3px !important;
  border-top-color:#c4b796 !important;
  border-bottom-color: #c4b796 !important;
  -webkit-transition:all 0.4s ease-in-out;
    -moz-transition:all 0.4s ease-in-out;
    -o-transition:all 0.4s ease-in-out;
    transition:all 0.4s ease-in-out;
}

.navbar .nav > li > a:hover .caret,
.navbar .nav > li.open > a .caret{
  margin:10px 0 0 3px !important;
  border-top-color:#af1732 !important;
  border-bottom-color: #af1732 !important;
}

/*** Mega menu ***/

.nav-collapse .nav > li > a:hover, /* overwrite rollover background color */
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
    background: none;
  }

.dropdown-menu {
  padding: 0 0 20px 0; /* left and right padding is not nesessary on mobile  */
}

.dropdown-menu h4 {
  font-size: 14px;
  margin: 10px 0;
  /*border-bottom: none;*/
}

.dropdown-menu h4:hover{
 /*border-bottom: none;  No underline on hover
 padding: 0 0 1px 0;*/
}

.dropdown-menu li { /* All levels of the mega menu <li> */
  font-size: 14px;
}

.nav-collapse .nav .nav-header {
    color: #755426;
 padding: 5px 0;
}

.dropdown-menu ul { /* First level mega menu <ul> */
  width: auto;
  background: none;
}

.dropdown-menu ul.pull-left { /* First level mega menu <ul> */
  float: none;
}

.dropdown-menu li ul li { /* Second level of the mega menu <li> */
  line-height: 25px; /* Increase line-height for mobile */
}

.nav-collapse .dropdown-menu a { /* Effects all mega menu links */
  padding: 9px 0 9px 10px;
  font-weight: normal;
  color: #777777;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
    border-radius: 3px;
}

.nav-collapse .dropdown-menu li + li a {
    margin-bottom: 0px;
}

.nav-collapse .dropdown-menu h4 a {
 color: #023d69;
 display: block;
}

.nav-collapse .dropdown-menu h4 a:hover{
 color:#59798F;
}

.nav-collapse .dropdown-menu ul ul li a { /* Effects second level mega menu links */
    color: #023D69;
}

/*** Login ***/

.login {
    padding: 0 20px;
}

.login .headline {
    margin: 10px 0 0;
}

.login-drawer-content {
 width: 90%;
}

/*** Subpage navigation ***/

.nav-sub {
 min-height: inherit; /* With a screen size of 767px and smaller there is no need for a min-height */
}
.nav-sub .nav-sub-head { /* sub navigation header "ribbon" */
 position: relative;
 padding: 0;
 border-left: none;
 top: inherit;
 right: inherit;
 background: none;
 box-shadow: none;
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 width: 100%;
 min-height: inherit;
}

.nav-sub .nav-sub-head:after {
    border-right: none;
    border-top: none;
}

.nav-sub .nav-sub-head:hover {
    border-left: none;
}

.nav-sub ul {
    margin: 0;
}

/*** Audience focused touts ***/

.audience-inner img.pull-left  {
 float: none;
}

.audience-inner p {
    margin-left: 0;
}

/*** Subpage touts ***/

.span3 .tout img + .content {
 margin: 0 0 0 66px;
}

.span3 .tout img {
    float: left;
}

/* index tout row */

.tout-block img {
    display: block;
 margin: 0 auto;
}

/*** Aspire ***/

.aspire .carousel-caption {
 background: none;
 width: 75%;
 margin:  0px auto;
 top: 30%;
}
.aspire .carousel-caption h4 {
 font-size: 32px;
 text-transform: none;
 background: none;
 line-height: 1em;
 padding-bottom: .25em;
 display: block;
 border-bottom : 1px dotted #fff;
 margin-bottom: .25em;
}
.aspire .carousel-caption h5 {
 font-size: 24px;
 text-transform: none;
 background: none;
 line-height: 1em;
 padding-bottom: .25em;
 display: block;
 border-bottom : 1px dotted #fff;
 margin-bottom: .25em;
}
.aspire .carousel-caption p {
 text-align: left;
 font-size: 15px;
}

/* Tabs */
.tab-content {
 margin: 0;
}

.nav-tabs > li {
 width: 100%;
}

.nav-tabs > li > a {
 font-weight: normal;
 /*border-bottom: 4px solid #f3ede0;*/
}

.nav-tabs > li.active > a {
 font-weight: bold;
}

.nav-tabs > li:hover:after { /* No need for the arrows on hover when the <li>'s are at 100% width */
 border-left: none;
 border-right: none;
 border-top: none;
 border-top-color: none;
}

.nav-tabs > li.active:after { /* No need for the arrows when the <li>'s are at 100% width */
 border-left: none;
 border-right: none;
 border-top: none;
 border-top-color: none;
}

/* Tabs- article rotator */

.nav-tabs.four-tabs.nav-tabs-rotator > li > a {
 height: auto;
}

/* Four-Tab horizontal tab text is hidden now */
.nav-tabs.four-tabs li .horiz {
 display: none;
}

/* Four-Tab stacked tab text is visible now */
.nav-tabs.four-tabs li .stack {
 display: inherit;
}

/* If we don't hide this, it'll keep the <a> full-sized in stacked view */
.nav-tabs.four-tabs li a:before {
 display: none;
}

.nav-tabs.nav-tabs-rotator.four-tabs {
 border-bottom: 5px solid #c4b796;
}

.nav-tabs.nav-tabs-rotator.four-tabs > li {
 width: 100%;
}

.nav-tabs.nav-tabs-rotator.four-tabs > li.active:after {
 border-left: none;
 border-right: none;
 border-top: none;
 border-top-color: none;
}

.odit-nav .span6 {
 clear: both;
}

} /* end @media (max-width: 767px) */

@media (max-width: 480px) {

.form-inline label.checkbox {
    display: inline-block;
}

/*** Login ***/

.form-inline label {
    display: block;
 /*margin: 10px 0 0 0;
 margin-bottom: 5px;*/
}

.form-inline .btn-u {
    display: block;
 margin: 10px 0 0 0;
}

/* Aspire */
.aspire .carousel-caption {
 background: none;
 width: 75%;
 margin:  0px auto;
 position: absolute;
 top: 10% !important;

}
.aspire .carousel-caption h4 {
 font-size: 30px;
 text-transform: none;
 background: none;
 line-height: 1em;
 padding-bottom: .25em;
 display: block;
 border-bottom : 1px dotted #fff;
 margin-bottom: .25em;
}
.aspire .carousel-caption h5 {
 font-size: 20px;
 text-transform: none;
 background: none;
 line-height: 1em;
 padding-bottom: .25em;
 display: block;
 border-bottom : 1px dotted #fff;
 margin-bottom: .25em;
}
.aspire .carousel-caption p {
 text-align: left;
 font-size: 14px;
}

.aspire .carousel-control:hover {
 opacity: 0.5;
}

/* flexslider with article rotator */

.flexslider.article-rotator h3 {
 margin: 10px 0;
}

/* Signboard */

.flexslider.signboard {
    height: 250px;
}

.flexslider.signboard p {
    font-size: 16px;
    line-height: 21px;
    margin: 23% auto 0;
 width: 80%;
}
}

@media (max-width: 360px) {

blockquote img.pull-right {
    float: none; /* brings image above the content */
 margin: 0 0 20px 0;
}

.flexslider {
    padding: 30px 20px 20px;
}

/* Aspire */
.aspire .carousel-caption {
 background: none;
 width: 80%;
 margin:  0px auto;
 position: absolute;
 top: 1% !important;
}
.aspire .carousel-caption h4 {
 font-size: 1.25em;
 text-transform: none;
 background: none;
 line-height: 1em;
 padding-bottom: 0.5em;
 display: block;
 border-bottom : 1px dotted #fff;
 margin-bottom: 0.5em;
}
.aspire .carousel-caption h5 {
 font-size: 0.75em;
 text-transform: none;
 background: none;
 line-height: 1em;
 padding-bottom: 0.25em;
 display: block;
 border-bottom : 1px dotted #fff;
}
.aspire .carousel-caption p {
 text-align: left;
 font-size: 0.70em;
 line-height: 11px;
}

.aspire .carousel-control:hover {
 opacity: 0.5;
}

/* Signboard */

/* Signboard Slider (uses flexslider)*/
.flexslider.signboard {
 height: 250px;
}

.flexslider.signboard p {
    font-size: 14px;
    line-height: 16px;
    margin: 25% auto 0;
}

/*** Login ***/

.login-drawer-content {
 width: 80%;
}

/* Recaptcha */
#recaptcha_image {
 border: 0;
 padding: 0;
}

/* Login drawers */

.login-drawer-content {
 width: 100%;
 margin: 0 0 5px 0;
 padding: 10px 0;
 border-left: none;
 border-right: none;
 border-bottom: 1px solid #999;
}

.login-drawer-content ul {
    margin: 0 0 20px 0;
}

} /* end @media (max-width: 360px) */

/* Timeline */
@media screen and (max-width: 65.375em) {

.cbp_tmtimeline > li .cbp_tmtime span:last-child {

}
.cbp_tmtimeline > li .cbp_tmicon {
 left: 21.7%;
 width: 20px;
 height: 20px;
}

}

@media screen and (max-width: 47.2em) {

.cbp_tmtimeline:before {
 display: none;
}

.cbp_tmtimeline > li .cbp_tmtime {
 width: 100%;
 position: relative;
 padding: 0 0 20px 0;
}

.cbp_tmtimeline > li .cbp_tmtime span {
 text-align: left;
}

.cbp_tmtimeline > li .cbp_tmlabel {
 margin: 0 0 30px 0;
 padding: 0;
 font-weight: 400;
 font-size: 95%;
}

.cbp_tmtimeline > li .cbp_tmlabel:after {
 right: auto;
 left: 20px;
 border-right-color: transparent;
 border-bottom-color: #f3f3f3;
 top: -20px;
}

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
 border-right-color: transparent;
 border-bottom-color: #e5e5e8;
}

.cbp_tmtimeline > li .cbp_tmicon {
 position: relative;
 float: right;
 left: auto;
 margin: -55px 5px 0 0px;
 display: none;
}

}

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

 Begin print stylesheets

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

@media print {
 .top, /* Utility nav */
 .logo-mobile.hidden-desktop, /* mobile OA logo */
 .navbar, /* Primary nav */
 .login,
 .login-drawer-container,
 .breadcrumbs,
 .ui-tabs-nav, /* Homepage rotator navigation */
 .nav-sub ul, /* Subpage navigation */
 #topcontrol, /* Scroll to the top image */
 .flex-control-nav, /* Article rotator navigation boxes */
 .flex-direction-nav, /* Article rotator navigation arrows */
 .flex-control-paging,
 .nav-sub-head,
 .nav-tabs,
 .footer > .container > .row-fluid > .span8 {
  display: none !important;
 }

 .logo.visible-desktop  /* desktop OA logo */ {
  display: block !important;
 }

 .logo {
  position: static;
  left: auto;
  top: auto;
 }

/* Homepage */

 #wrapper{
  background: none;
 }

 .footer {
  position: relative !important;
  clear: both !important;
 }

/* Sub pages */

 .nav-sub .nav-sub-head:after {
  border-right: none;
  border-top: none;
  bottom: inherit;
  position: relative;
  right: inherit;
 }

 .modal {
  position: relative !important;
 }

 .modal-body {
  max-height: none;
 }

 /* Scroll to top widget */
 #topControl {
  display: none;
 }

 /* Tab content */
 .tab-content > .tab-pane {
  display: block !important;
  opacity: 1 !important;
  border: none;
 }
 /* Accordions */
 .accordion-group .accordion-body.collapse {
  height: auto;
 }
 .accordion-group .accordion-heading {
  display: none;
 }
 /* Rotators */
 div.flexslider {
  border: none;
  display: block;
  height: auto !important;
  float: none !important;
  margin-bottom: 0px;
  padding-bottom: 0px !important;
 }
 div.row-fluid > div.span9 > div.flexslider.article-rotator.article-rotator-fixed-height {
  height: auto!important;
 }


 div.flexslider .flex-viewport {
  display: block;
  height: auto !important;
  max-height: none !important;
  float: none !important;
 }
 div.flexslider .slides {
  height: auto !important;
  -webkit-transform: inherit !important;
  width: auto !important;
  float: none !important;
 }
 div.flexslider .slides li {
  display: block;
  float: none !important;
  -webkit-backface-visibility: visible !important;
  width: 100% !important;
  opacity: 1 !important;
 }
 div.flexslider .slides li.clone {
  display: none;
 }


}

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

 End print stylesheets

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


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

 Begin calculator modal stylesheets

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

/**************************************************
 most of this is only needed because we are using
 bootstrap 2.3.2.  if we can move to v3, the modal
 scrolling no longer prevents clicking the buttons
 in the footer
**************************************************/
/* generic rule for any short screens */
@media (max-height: 600px) {
    .modal-body {
        /* have to allow for header, footer, and space around modal div */
        max-height: 300px;
    }
}
/* end @media (max-height: 600px) */

/* tablets that aren't high res, but aren't exactly low res */
@media (min-width: 600px) and (max-height: 600px) and (orientation: landscape) {
    .modal-body {
        /* have to allow for header, footer, and space around modal div */
        max-height: 200px;
    }
}
/* end @media (max-height: 600px) and (orientation: landscape)


/* generic rule for any narrow screens to help table layout */
@media (max-width: 600px) {
    .modal-body .table th,
    .modal-body .table td {
        padding-right: 0;
    }

    /* for catchup calc */
    .modal-body td .input-medium {
        width: 100px;
    }
}
/* end @media (max-width: 600px)

/* generic rule for any narrow screens to show message */
@media (max-width: 470px) and (orientation: portrait) {
    .calculator-modal .rotate-suggestion {
        /* only display when mobile and in portrait */
        display: block;
        font-weight: bold;
    }
}
/* end @media (max-width: 600px) and (orientation: portrait) */

/* this is an iPhone 5 and less sizing, for portrait */
@media (max-width: 320px) and (max-height: 568px) {
    .modal-body {
        /* have to allow for header, footer, and space around modal div */
        max-height: 280px;
    }
}
/* end @media (max-width: 320px) and (max-height: 568px) */

/* this is an iPhone 5 and less sizing, for landscape */
@media (max-width: 568px) {
    .modal-body {
        /* have to allow for header, footer, and space around modal div */
        max-height: 130px;
    }
}
/* end @media (max-width: 568px) */