/* -- adaptive shim
  responsive styles are stored here to maintain backwards-compatibility
  with pre-responsive templates
*/


@media only screen and (max-width: 767px) {
  body {
    width: 100%;
  }

  .content-main {
    padding-left: 10px;
    padding-right: 10px;
  }
}

@media (max-width: 767px) {
  .logo {
    max-width: 50%;
    padding-left: 10px;
  }
}


/* -- global nav-clickdown -- */

@media (max-width: 767px) {
  .nav-clickdown {
    width: 100%;
    z-index: 9999;
    zoom: 1;
  }
  
  .nav-clickdown-linklist a,
  .nav-clickdown-linklist a:hover {
    font-size: 1.3rem;
    padding-bottom: 0.4rem;
    padding-top: 0.4rem;
  }

  .nav-clickdown-subheader {
    font-size: 1.5rem;
    margin-top: 1.2rem;
  }

  .nav-clickdown-sectionlink,
  .nav-clickdown-sectionlink:visited,
  .nav-clickdown-sectionlink:hover,
  .nav-clickdown-sectionlink:active {
    display: none;
    font-size: 1.3rem;
  }


  .nav-clickdown-toggle img {
    position: relative;
    top: -2px;
    vertical-align: middle;
  }

  .nav-clickdown-toggle {
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
    background: #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    margin-right: 10px;
    margin-top: -5px;
    padding: 0 10px;
    float: right;
    position: relative;
    z-index: 9;
  }

  .nav-clickdown-toggle:hover {
    background: #ccc;
  }

  .nav-clickdown-toggle-on {
    display: block;
  }

  .nav-clickdown-toggle-on .nav-clickdown-sectionlink {
    display: block;
  }

  .nav-clickdown-toggle-on .nav-clickdown-mobile {
    display: block;
  }

  .nav-clickdown-arrow {
    display: none;
  }

  .nav-clickdown-linkblock {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-top: 10px;
    padding: 1rem;
    position: relative;
  }

  .nav-clickdown-arrow {
    display: none;
  }

  .nav-clickdown-section {
    float: none;
  }

  .links-little a {
    padding-left: 5px;
    padding-right: 5px;
  }

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
  body { }

  .nav-clickdown-linkblock {
    padding-left: 10px;
    padding-right: 10px;
  }
  
	.flag-container {
	  top: 4px; 
	}
}


/* -- nav-sitesection -- */

@media (max-width: 767px) {
  .nav-sitesection ul {
    min-height: 30px;
  }

  .nav-sitesection-link-mobile {
    display: inherit;
  }

  .nav-sitesection-link {
    display: none;
  }

  .nav-sitesection-link.active {
    display: inherit;
	  background: none;
	  border-bottom: none;
	  color: #233d4a;
  }

  .nav-sitesection-default {
    display: inherit;
  }

  .nav-sitesection-toggle-on .nav-sitesection-link {
    display: inherit;
  }

  .nav-sitesection-toggle {
    display: block;
    padding: 3px 3px 3px 0;
    min-height: 32px;
    position: absolute;
    z-index: 2;
    text-align: right;
    right: 0;
    top: 0;
    width: 100%;
  }

  .nav-sitesection-toggle:before, .nav-sitesection-toggle:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  .nav-sitesection-toggle:after { clear: both; }
  .nav-sitesection-toggle { zoom: 1; }

  .nav-sitesection-toggle-on .nav-sitesection-toggle {
    width: auto;
  }


  .nav-sitesection-toggle .btn-app {
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
    box-shadow: 0 0 3px rgba(0,0,0,0.2);
  }

  .icon-toggle-arrow {
    display: inline-block;
  }

  .toggle-on .icon-toggle-arrow {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
}

@media (max-width: 767px) {
  .nav-sitesection-link {
    font-size: 1.6rem !important;
    padding: 5px 0px 5px 5px;
  }

  .nav-lefty > ul > li {
    display: block;
    float: none;
    min-height: 0;
  }

  .nav-sitesection .right {
    float: none;
  }

  .nav-centered {
    float: none;
    width: auto%;
  }

  .nav-centered ul {
    float: none;
    left: auto;
    text-align: left;
  }

  .nav-centered li {
    float: none;
    right: auto;
  }
}


/* -- donation category page -- */

@media screen and (max-width: 767px) {
  .cart-side-mobile {
    margin-left: 10%;
  }

  .cart-side-mobile-heading {
    background: #f7eff3;
    border-bottom: 1px solid #eee;
    font-family: Georgia, serif;
    padding: 5px 10px;
  }

  .cart-side-item {
    margin: 0 auto;
    padding-bottom: 20px;
    position: relative;
    width: 95%;
  }

  .cart-side-item-name {
    float: left;
    width: 60%;
  }

  .cart-side-item-total {
    float: right;
    padding-right: 20px;
  }

  .cart-side-item-remove {
    position: absolute;
    right: -3px;
  }

  .cart-side-mobile-items td {
    padding-bottom: 10px;
  }

  .cart-side-total {
    margin: 0 auto;
    width: 90%;
  }

  .product-view-cart {
    padding: 20px 0 0;
  }

  .product-image {
    float: left;
    margin: 0 10px;
    width: 35%;
  }

  .product-title-price-toggle {
    float: left;
    width: 52%;
  }

  .product-title-price-toggle [type=text] {
    margin-right: 5px;
  }

  .product-title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .product-price {
    font-size: 13px !important;
  }

  .product-description {
    padding-top: 10px;
    clear: left;
  }
}

/* -- donation cart detail -- */

@media screen and (max-width: 767px) {
  .cart-editable {
    margin: 0 auto;
    max-width: 550px;
  }

  .cart-editable-item-listing {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cart-editable-input-column,
  .cart-editable-fixed-column {
    float: left;
    width: 40%;
    max-width: 250px;
  }

  .cart-editable-name-column {
    float: left;
    width: 50%;
    max-width: 250px;
  }

  .cart-editable-remove-column {
    float: left;
  }

  .cart-editable-summary {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cart-editable-total-column {
    float: left;
    width: 50%;
  }
}


/* -- footer nav -- */


@media (min-width: 768px) and (max-width: 999px) {
  .nav-horizontalbars li {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 767px) {
  .nav-horizontalbars {
    padding: 20px 0;
  }

  .nav-horizontalbars li {
    background: none;
    display: inline-block;
    font-size: 1.1rem;
    float: none;
    padding: 10px;
    text-align: left;
    vertical-align: middle;
    width: 45%;
  }

  .copyright-phone {
    display: block;
  }
  
  .nav-international {
	  margin: 0 auto;
	  width: 280px;
	}
}

/* -- floats -- */

@media (max-width: 767px) {
  .float-right {
    float: none;
  }

  .mobile-float-right {
    float: right;
  }
}


/* -- overrides for articles.css -- */

@media (max-width: 999px) {
  .article-caption {
    margin-top: 5px !important;
    width: 100%;
  }
}
    
@media (max-width: 767px) {
  .article-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .article-header {
    margin-left: -20px;
    margin-right: -20px;
  }

  .article-donation {
    margin: 0 auto;
    width: 180px;
  }

  .body-feature .content-main {
    padding: 0;
  }
}


/* -- more button dropdown -- */

@media (min-width: 768px) and (max-width: 999px) {
  .nav-sitesection-link {
    font-size: 1.0rem !important;
  }

  .btn-clickdown-blue .btn-clickdown-link {
    font-size: 1.0rem;
  }
}

/* -- checkout -- */

@media (max-width: 767px) {
  .tc-checkout-head {
    font-size: 2.2rem;
  }

  .tc-returning-donor-heading {
    font-size: 1.3rem;
  }

  .tc-login-row {
    margin-bottom: 10px;
  }

  .tc-login-row label {
    width: 100px !important;
  }

  .tc-forgot-password {
    display: block;
    padding: 10px 0 10px 100px
  }

  .tc-login-row-submit {
    text-align: left;
    width: auto;
  }

  .tc-recurring-checkbox {
    float: left;
    position: relative;
    z-index: 2;
  }

  .tc-cc-cards {
    height: auto;
  }
}


/* -- forms -- */

@media (max-width: 767px) {
  [type=text] {
    width: 120px;
  }

  [type=text].mobile-column-10 { width: 10px; }
  [type=text].mobile-column-20 { width: 20px; }
  [type=text].mobile-column-30 { width: 30px; }
  [type=text].mobile-column-40 { width: 40px; }
  [type=text].mobile-column-50 { width: 50px; }
  [type=text].mobile-column-60 { width: 60px; }
  [type=text].mobile-column-70 { width: 70px; }
  [type=text].mobile-column-80 { width: 80px; }
  [type=text].mobile-column-90 { width: 90px; }
  [type=text].mobile-column-100 { width: 100px; }
  [type=text].mobile-column-110 { width: 110px; }
  [type=text].mobile-column-120 { width: 120px; }
  [type=text].mobile-column-130 { width: 130px; }
  [type=text].mobile-column-140 { width: 140px; }
  [type=text].mobile-column-150 { width: 150px; }
  [type=text].mobile-column-160 { width: 160px; }
  [type=text].mobile-column-170 { width: 170px; }
  [type=text].mobile-column-180 { width: 180px; }
  [type=text].mobile-column-190 { width: 190px; }
  [type=text].mobile-column-200 { width: 200px; }
  [type=text].mobile-column-210 { width: 210px; }
  [type=text].mobile-column-220 { width: 220px; }
  [type=text].mobile-column-230 { width: 230px; }
  [type=text].mobile-column-240 { width: 240px; }
  [type=text].mobile-column-250 { width: 250px; }
  [type=text].mobile-column-260 { width: 260px; }

  select {
    width: 120px;
  }

  textarea {
    width: 150px;
  }

  .form-sidehat label {
    font-size: 1.0rem;
    width: 110px;
  }

  .form-sidehat-helptext {
    padding-left: 110px;
  }

  .form-sidehat-mobile-two-line {
    padding-top: 0 !important;
  }

  .form-sidehat .row-input-error {
    background: none;
    padding-right: 0 !important;
  }

  .form-sidehat .row-error-message {
    padding-left: 110px;
  }
}


/* -- wells -- */

@media (min-width: 768px) and (max-width: 999px) {
  .awell {
    padding: 15px;
  }
}


/* -- html elements -- */

@media (max-width: 767px) {
  .list-dot {
    margin-left: 30px;
  }

  .mobile-text-left {
    text-align: left;
  }

  .mobile-text-center {
    text-align: center;
  }

  .mobile-text-right {
    text-align: right;
  }
}