/**
 * Place your custom styles here.
 */

body {
  font-family: Open Sans, Arial, Helvetica, sans-serif;
  font-size: 16px;
}

a {
  color: #164b85;
}

hr {
  border-top: 1px solid #ccc;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  color: #164b85
}

h2, .h2 {
  font-size: 28px;
}
/* Navbar */
.navbar-header {
  float: initial;
  padding-top: 8px;
}

.navbar-inverse {
  /* background-image: linear-gradient(#043d75, #021629 60%, #03172b); */
  background-image: linear-gradient(#232323, #232323 60%, #232323);
}

.dropdown-menu > li > a:hover, 
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #022f5a;
}

.btn-primary {
  background-image: linear-gradient(#4b5eaa, #052e59 60%, #031b32);
  border: 1px solid #555555;
}

/* dropdown select field caret in forms */
.select-wrapper:after {
  color: #4b5eaa;
}

div.more-link {
  padding-top: 10px;
  padding-bottom: 10px;
  text-transform: uppercase;
}

/* Left Border accent for right sidebar */
/*.region-sidebar-second h2.block-title { */
h2.block-title {
  border-left: 5px solid #9ca33b;
  padding-left: 10px;
}

/* Search */
button#edit-submit-search {
  margin-right: 0px;
}

.block-views-exposed-filter-blocksearch-page {
  margin-top: 12px;
}

/* CKeditor provided styles */
.issue-cover {
  height: 290px;
  width: 220px;
}

.f-right {
  float: right !important;
  padding-left: 15px;
}

.f-left {
  float: left !important;
  padding-right: 15px;
}

/* View River Styles */
.article,
.page-header,
.views-row .teaser {
  border-bottom: 1px solid #ccc;
}

/* Middle homepage blocks set height so they line up */
.block-region-top-right .views-row, 
.block-region-top-left .views-row {
  min-height: 600px;
}

.field--name-field-image img,
.views-field-field-image img {
  float: left;
  width: 280px;
  height: 180px;
  padding: 0px 20px 20px 0px;
}

.view-id-frontpage_case_studies .views-field-field-image img, 
.view-id-frontpage_product_spotlight .views-field-field-image img {
  float: none;
  width: 360px;
  height: 200px;
  padding: 0px 0px 0px 0px;
}

.views-row .views-field-view-node {
  padding: 10px 0px 20px 0px;
}

.region-sidebar-second .block {
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

/* Fix spacing for Read More links in rivers */
.views-row .list-inline {
  margin-left: 0px;
}

.views-row h2 {
  font-size: 22px;
  margin-top: 10px;
}

.views-row {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
}

.list-inline > li.node-readmore {
  padding-left: 0px;
  padding-top: 10px;
}

/* Slick Carousel */
.slick-slide img {
  margin-left: auto;
  margin-right: auto;
}

/* Boostrap Simple Carousel */
#carousel-block-generic {
    /* width: 920px; */
    margin-left: auto;
    margin-right: auto;
}

#carousel-block-generic img {
    margin-left: auto;
    margin-right: auto;
}

.footer {
  background-color: #242424;
  color: #bfbfbf;
}

.footer a {
  color: #bfbfbf;
}

.article .field--name-field-category {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 24px;
}


/* Commerce and Checkout */
.checkout-order-summary table {
  width: 97%;
}
.checkout-order-summary table td {
  text-align: right;
}

button[id^='edit-sidebar-coupon-redemption-form-apply'] {
  margin-bottom: 10px;
}

/* Cart progress steps */
.checkout-progress {
  display: inline-block;
  width: 100%;
  margin: 10px 0 30px;
  padding: 10px 15px;
  background-color: #efefef;
  border-radius: 4px;
}


.checkout-progress .checkout-progress--step {
  position: relative;
  padding-right: 50px;
}

.checkout-progress--step__current {
  font-weight: bold;
}

.checkout-progress--step {
  display: inline;
  padding-right: 1em;
}

.checkout-progress .checkout-progress--step:last-of-type {
  padding-right: 0;
  margin-bottom: 0;
}

.checkout-progress .checkout-progress--step:before {
  display: inline-block;
  height: 25px;
  width: 25px;
  margin-right: 8px;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  text-align: center;
  content: counter(checkout-progress) "";
}


/* aggregator feed time stamp */
article .field--name-timestamp {
  padding-bottom: 5px;
  color: #999;
}

.glyphicon {
  margin-right: 10px;
}

/* reCAPTCHA */
.g-recaptcha {
  padding-top: 10px;
  padding-bottom: 15px;
}

/* Fontawesome color additions */
.fa-lg { color: #5f6062; }
.fb-blue { color: #4B6DAA; }
.tw-blue { color: #3BBADC; }
.youtube-red { color: #dc2a28; }
.google-red { color: #D6492F; }
.linkedin-blue { color: #006e94; }
.rss-orange { color: #FF7200; }
.pinterest-red { color: #cb2026; }

.red { color: red; }
.blue { color: blue; }
.green { color: green; }

/* Generic Padding and Margin Classes */
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }

.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb40 { padding-bottom: 40px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt40 { margin-top: 40px; }
.mt100 { margin-top: 100px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb40 { margin-bottom: 40px; }
.mb100 { margin-bottom: 100px; }


/* Responsive Styles for mobile */

/* iPad and tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .navbar-header .logo img {
     max-width: 350px; 
  }

  .region-content .mobile-banner img {
     /* max-width: 400px; */
     max-width: 100%;
  }

  .region-sidebar-second img {
    max-width: 100%;
    height: inherit;
  }

}

/* Phones */
@media (max-width: 767px) {
  .field--name-field-image img,
  .views-field-field-image img {
    float: none;
  }

  h2, .h2 {
    font-size: 26px;
  }

  .navbar-header .logo img,
  .footer .region-footer img {
     max-width: 280px; 
  }

  .mobile-banner img {
     /* max-width: 320px; */
     max-width: 100%;
  }

}