/*
 * responsive.custom.css is for custom media queries that are not set via the
 * theme settings, such as cascading media queries.
 *
 * By default all the other responsive stylesheets used in Adaptivetheme use a
 * "stacking method", however cascading media queries use a waterfall method so
 * you can leverage the cascade and inheritance for all browsers that support
 * media queries, regardless of screen size.
 *
 * @SEE http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/#mq-overlap-stack
 *
 * NOTE: this file loads by default, to disable got to your theme settings and
 * look under the "CSS" settings tab.
 */
/*
 * Really small screens and up
 */
/* @media only screen and (min-width: 220px) {} */
/*
 * Smartphone sizes and up
 */
/* @media only screen and (min-width: 320px) {} */
/*
 * Smartphone sizes and down
 */
@media only screen and (max-width: 480px) {
  /* 
   * Float Region blocks example:
   * In smaller screen sizes we can remove the float and widths so all blocks
   * stack instead of displaying horizonally. The selector used here is an
   * "attribute selector" which will match on any float block class. Use your
   * inspector or Firebug to get the classes from the page output if you need
   * more granular control over block alignment and stacking.
   * 
   * "Float Region blocks" is an extension for floating blocks in regions, see
   * your themes appearance settings, under the Extensions tab.
   */
  .region[class*="float-blocks"] .block {
    float: none;
    width: 100%;
  }
}
/*
 * Tablet sizes and up
 */
/* @media only screen and (min-width: 768px) {} */
/*
 * Desktops/laptops and up
 */
/* @media only screen and (min-width: 1025px) {} */

@media only screen and (max-width: 1200px){
	#slider .nivo-caption .cappy h1{font-size:2.5vmin; line-height:2.5vmin;}
	#slider .nivo-caption .cappy p{font-size:1.5vmin; line-height:1.8vmin;}
}

@media only screen and (max-width: 1000px){
	.section .container .entity-bean .field-type-text-long.field-name-field-body-75, .section .container .entity-bean .field-name-field-body-half, .section .container .entity-bean .field-name-field-body-half-right{width:100%; max-width:100%;}
	.account-box .account-action-url, .account-box .account-page-url{float:none; display:inline-block; margin:5px auto;}
}
@media only screen and (max-width: 990px){
	.careers .meet-our-people, .careers .careers-explainer{float:none; display:block; margin:30px auto;}
	.front #slider .cappy{padding-bottom:20px;}
	#slider .nivo-caption{-webkit-transform:translate(0); -moz-transform:translate(0); -o-transform:translate(0); -ms-transform:translate(0); transform:translate(0); top:inherit; bottom:0; padding:0; left:0;}
	#slider .nivo-caption .cappy h1, .cappy h1{font-size:22px!important; line-height:24px;}
	#slider .nivo-caption .cappy p{font-size:16px!important; line-height:18px; display:inline; vertical-align: baseline;}
	.cappy p, .cappy h2{font-size:16px!important; line-height:20px!important;}
	#slider .nivo-caption .cappy p:last-child{text-align:center; display:inline; margin:0;}
	#slider .nivo-caption .cappy p:last-child a{display:inline; background:transparent; color:#001f51; text-transform: uppercase; font-size:15px; font-weight:600; padding:0px 5px; margin-top:0; position:static; left:inherit; top:inherit; -webkit-transform:translate(0); -moz-transform:translate(0); -o-transform:translate(0); -ms-transform:translate(0); transform:translate(0); text-decoration:underline;}
	.theme-default .nivo-controlNav{top:0; bottom:inherit; text-align:right; padding:10px 0;}
	.theme-default .nivo-controlNav a{text-indent:100%; overflow: hidden;}
	.timeline .timeline-details, .timeline .timeline-date{max-width:100%; display:block;}
	.timeline .timeline-date.text-right{text-align:left;}
	.timeline .timeline-details:before{display:none;}
	.timeline .timeline-date{background:#d7dddf;}
	.timeline .timeline-date:after{display:none;}
	.timeline .timeline-date .field-content .year{color:#016944; margin:0;}
	.timeline .timeline-details .field-content ul{padding:0;}
	.section.two-col-cta .container .entity-bean.bean-two-column-section-w-title-and-c .field-name-field-body-half, .section.two-col-cta .container .entity-bean.bean-two-column-section-w-title-and-c .field-name-field-body-half-right{padding:0; background:rgba(255, 255, 255, 0.8); margin:0;}
    .stakeholder-item:nth-child(odd){border:0 none;}
}

@media only screen and (max-width: 767px){
	.featured-services-wrapper:before{display:none;}
	.feat-service-box:first-child{margin-top:20px;}
	.feat-service-box{max-width:90%; margin:0 auto 20px; float:none;}
	.region-footer .block-block, .region-footer .block-block.text-right{text-align:center!important;}
	.region-footer ul.menu{text-align:center;}
	.region-footer .right-menu ul.menu li, .region-footer .right-menu ul.nice-menu li{margin:0;}
	.logo-wrapper, .header-left{text-align:center;}
	.header-left .caye-search.pull-right{float:none!important; display:inline-block; margin-top:10px;}
	h2, .careers .careers-intro .block-content h3{font-size:30px!important; line-height:35px!important;}
	.cappy h3{font-size:18px!important;}
	.section.blue-tint .container .entity-bean .field-type-text-long p, .careers .careers-intro .block-content p{font-size:20px;}
	.intro .pane-node-body .block-content p a, .intro .pane-node-body .block-content p a *{font-size:20px;}
	.section.one-line-cta .bean-gray-cta-section .content .field-name-field-cta-copy{text-align:center; margin-bottom:10px;}
	.section.one-line-cta .bean-gray-cta-section .content > div{display:block;}
	.help-bar .help-box:first-child{border:0 none;}
	.account-box{margin-bottom:0;}
	.graph .bar-title, .graph .bar-data .rate-apr-holder p{font-size:16px;}
	.caye-rates .rate-box, .caye-fees .fee-box{max-width:100%; border:0 none;}
    .stakeholder-item{text-align:center;}
    .stakeholder-item .stakeholder-desc{text-align:left;}
    .site-map-box-menu-main-menu .content > ul > li{width:50%;}
    .site-map-box-menu-main-menu .content > ul > li > a{margin:20px 0; display:block; overflow:hidden;}
}

@media only screen and (max-width: 440px){
	.careers .meet-our-people, .careers .careers-explainer{min-width:100%; width:100%;}
    .site-map-box-menu-main-menu .content > ul > li{width:100%;}
}