/**
* @file:  saul_total_subscription/css/saul_total_subscription.css;
* @description:  applies css to blog view headers
*/



.banner-masthead img {
  width: 100% !important;
  height: auto !important;
}


.banner-callout {
  float: left;
}
.banner-callout.left-callout {
  width: 50%;
}
.banner-callout.right-callout {
  float: right;
  text-align: right;
  width: 50%;
}

@media (max-width: 768px) {
  .banner-callout {
    float: none;
    width: 100%;
  }
  .banner-callout.right-callout {
    text-align: left;
  }
}

.banner-body {
  width: 100%;
  clear: both;
}

.node-type-saul-ewing-blog h1.page-title,
.custom-view-header-entity.node-drupal-view-masthead .form-type-select.form-item-node-taxonomy,
.custom-view-header-entity.node-drupal-view-masthead .form-type-checkbox.form-item-content-type-name {
  display: none;
}

#total-subscription-subscribe-form--2 div div,
#total-subscription-subscribe-form--2 div p,
.node-drupal-view-masthead .banner-callout form div div,
.node-drupal-view-masthead .banner-callout form div p{
  float: left;
}

.node-drupal-view-masthead .banner-callout.right-callout form div div.form-type-textfield{
  float: none;
}

.node-drupal-view-masthead .banner-callout.right-callout form div p{
  float: right;
}

@media (max-width: 768px) {
  #total-subscription-subscribe-form--2 div div,
  #total-subscription-subscribe-form--2 div p,
  .node-drupal-view-masthead .banner-callout form div div,
  .node-drupal-view-masthead .banner-callout form div p{
    width: 100%;
  }
}

.view-id-saul_ewing_blogs.view-display-id-page .view-header{
  clear: both;
  width: 100%;
}


.banner-callout form{
  width: 100%;
  display: inline-block;
}

.banner-callout form br{
  display: none;
}

.banner-callout form .form-item{
  margin: 0;
}

#total-subscription-unsubscribe-entry #edit-unsubscribe-email,
#total-subscription-unsubscribe-entry .form-submit,
.banner-callout form input,
.banner-callout form input:hover {
  max-width: 100%;
  display: inline-block;
  font-size: 13px;
  padding: 0;
  margin: 0 0 0 0;
  height: 42px;
  border-radius: 3px;
}
@media (max-width: 768px) {
  #total-subscription-unsubscribe-entry #edit-unsubscribe-email,
  #total-subscription-unsubscribe-entry .form-submit,
  .banner-callout form input,
  .banner-callout form input:hover {
    width: 100%;
  }
}

#total-subscription-unsubscribe-entry #edit-unsubscribe-email,
.banner-callout form input[type="text"]{
  margin-right: 0;
  font-size: 13px;
  padding: 0px 7px;
  box-sizing: border-box;
}

.banner-callout .form-type-textfield.form-item-mail {
    display: inline-block;
    max-width: 60%;
    margin: 0 1% 0 0;
}

@media (max-width: 768px) {
  .banner-callout .form-type-textfield.form-item-mail {
      max-width: none;
      margin: 0;
  }
}

#total-subscription-unsubscribe-entry .form-submit,
.banner-callout form input[type="submit"] {
    box-sizing: border-box;
    height: 42px;
    padding: 0 7px;
    margin: 0;
    border: none;
    font-size: 14px;
    font-weight: 600;
  }

/* Admin */

.view-id-total_subscription .views-field-php label{
  width: 48%;
  margin: 0 1%;
  text-align: center;
  font-weight: normal;
  font-size: 0.8em;
  float: left;
}

.view-id-total_subscription .save_changes{
  text-align: center;
}