/*
 * Custom CSS for calt.iastate.edu
 */

/* -------------------- */
/* GENERAL
/* -------------------- */

.title {
  /* Reduced from 2rem */
  font-size: 1.75rem;
}

/* Fix external links in paragraphs */
#section-content p a.external:after {
  width: auto;
  margin-right: 0;
}

/* Hide borders around beans placed in sidebars */
/* Also hide the handmade login button on /taxplace */
.block-bean,
.block-block-25 {
  border: 0 !important;
  padding: 0 !important;
}

/* Create less space between header menus that appear
 * under the search bar */
.block-menu-taxplace-login {
  margin-top: 0;
}

/* --- Hide Page Titles for Visual Users --- */
/* These were specifically requested */

.page-node-4 h1.title,
.page-node-6445 h1.title,
.page-node-9531 h1.title,
.page-node-6454 h1.title,
.page-node-9519 h1.title,
.page-node-9546 h1.title,
.page-blogpost h1.title,
.page-taxplace-all h1.title,
.page-newsletter h1.title,
.page-taxplace-all #page-title,
.page-taxplace-videos #page-title,
.page-wisconsin-annual-tax-courses #page-title {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* --- Align Referral Program Button in Header --- */
/* CALT-262 */

@media (min-width: 741px) {
  .zone-branding {
    display: flex;
    align-items: center;
  }
}

.zone-branding .search-form-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}

.zone-branding .block-search-form {
  width: 100%;
}

.zone-branding .block-26 { 
  margin-left: 1rem; 
}


/* -------------------- */
/* HOME
/* -------------------- */

.front main.region {
  margin-top: 1.5rem;
}

.front .section-content {
  margin-bottom: 2rem;
}

/* --- Bean Hero --- */

.bean-hero {
  border-radius: 3px;
  overflow: hidden;
}

/* -------------------- */
/* LUGGAGE GRIDROW-5
/* -------------------- */
/* Add new classes to suitcase_interim's gridrow system.
   Can be used, for example, in the homepage sponsor row */

.luggage-gridrow5 {
  flex: 0 0 100%;
  margin: 0.7%;
  padding: 1rem;
  border: 1px solid #ddd;
}

@media only screen and (min-width: 769px) {
  .luggage-gridrow5 {
    flex-basis: calc(50% - 51px);
    min-width: 48.6%;
  }
}

@media only screen and (min-width: 1024px) {
  .luggage-gridrow5 {
    flex-basis: calc(20% - 51px);
    min-width: 18.6%;
  }
}

.luggage-gridrow-no-border {
  border: 0;
  padding: 0;
}

/* -------------------- */
/* EVENTS
/* -------------------- */

/* --- /events -- */
.view-seminars.view-display-id-page .views-field-title h2 {
  margin-bottom: 0.5rem;
  font-size: 1.15rem;
}

.view-seminars.view-display-id-page .views-field-field-seminar-date,
.view-seminars.view-display-id-page .views-field-field-seminar-city {
  color: #676767;
}

.view-seminars.view-display-id-page .views-field-field-seminar-summary {
  margin-top: 0.5rem;
  padding-top: 0.5rem;
  border-top: 1px solid #ddd;
}

.view-seminars.view-display-id-page .views-field-field-seminar-summary p:last-of-type {
  margin-bottom: 0.5rem;
}

/* --- Upcoming Events View -- */
/* Custom CSS to style the Events View table at /events-list */

.calt-events-table .views-widget {
  display: flex;
  flex-wrap: wrap;
}

.calt-events-table .views-submit-button {
  margin-bottom: 1.75rem;
}

.calt-events-table th,
.calt-events-table td {
  padding: 1rem 1.15rem;
  border: none !important;
}

.calt-events-table tr:hover td {
  background: transparent;
}

.calt-events-table .views-field-field-seminar-date {
  font-weight: bold;
  font-size: 0.9rem;
}

.calt-events-table a.events-more-info {
  font-size: 0.9rem;
  font-weight: bold;
  text-decoration: None;
}

/* Stop events More Info arrow from wrapping */
.calt-events-table .views-field-nothing-1 {
  min-width: 120px;
}

/* Style the registration button */
.field-name-field-seminar-registration-link a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.75rem 1rem;
  color: #ffffff;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
  background: #006BA6;
  border-radius: 3px;
  transition: color 0.2s ease;
}

.field-name-field-seminar-registration-link a:before {
  content: '\f073';
  font-family: FontAwesome;
  display: block;
  margin-right: 1rem; 
}

.field-name-field-seminar-registration-link a.external:after {
  content: '' !important;
  display: none !important;
}

/* -------------------- */
/* AG DOCKET /blogpost
/* -------------------- */

/* --- Ag Docket Views -- */
/* Media Card is a suitcase interim layout used in the blogpost
 * and article content type */

.media_card.node-blogpost,
.media_card.node-article {
  margin-bottom: 3rem;
  margin-right: 0;
  margin-top: 0;
}

@media (max-width: 790px) {
  .media_card.node-blogpost,
  .media_card.node-article {
    display: block !important;
  }
}

.media_card.node-blogpost .media-card_title,
.media_card.node-article .media-card_title {
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
}

.media_card.node-blogpost .field-name-body,
.media_card.node-article {
  margin-bottom: 0;
  font-size: 0.9rem;
}

.media_card.node-blogpost .field-name-body .field-item p:last-of-type,
.media_card.node-article {
  margin-bottom: 0;
}

.blogpost_date-author,
.article_date-author {
  padding-bottom: 0.5rem;
  font-size: 0.9rem;
  color: #676767;
}

.media_card.node-blogpost .blogpost_date-author,
.media_card.node-article .article_date-author {
  border-bottom: 1px solid #ddd;
}

.media_card.node-blogpost .blogpost_continue-reading,
.media_card.node-article .blogpost_continue-reading {
  font-size: 0.9rem; 
}


/* Ag Docket Full Page */

@media (min-width: 500px) {
  .node-type-blogpost .block-sharethis,
  .node-type-article .block-sharethis {
    float: right;
  }
}

/* Ag Docket Block */
/* Appears on individual blogposts */ 

.view-all-blogposts .views-field-title {
  display: block;
  margin-bottom: 0.5rem;
}

.view-all-blogposts .views-field-body {
  font-size: 0.85rem;
}

/* -------------------- */
/* NEWSLETTER /newsletter
/* -------------------- */

/* --- Newsletter Home --- */

.view-newsletter .view-header p {
  font-size: 1.5rem;
}

.page-newsletter #edit-submitted-e-mail {
  border: 2px solid #cc0000;
}

.page-newsletter #edit-submit--2 {
  color: #ffffff;
  font-weight: normal;
  text-transform: uppercase;
  background: #cc0000;
  border: 1px solid #cc0000;
  border-radius: 0;
}

.page-newsletter #edit-submit--2:hover,
.page-newsletter #edit-submit--2:focus {
  background: #7C2529;
}

@media (min-width: 500px) {
  .view-id-newsletter.view-display-id-page .view-content {
    column-count: 3;
  }
}

/* --- Newsletter --- */
/* The Newsletter layout comes from the newsletter_layout module which only
 * provides the basic layout. These styles refine the design. */

.newsletter_column_one h2,
.newsletter_column_three h2 {
  font-size: 1.25rem;
}

.newsletter_title .field-name-title h1 {
  margin-bottom: 1rem;
}

.newsletter_title_row .field-name-newsletter-signup {
  margin-bottom: 1rem;
}

.newsletter_title_row .field-name-newsletter-signup .webform-client-form > div,
.region-content .block-webform-client-block-5846 .webform-client-form > div {
  display: flex;
}

.newsletter_title_row .field-name-newsletter-signup .webform-client-form .form-item,
.newsletter_title_row .field-name-newsletter-signup .webform-client-form .form-wrapper,
.region-content .block-webform-client-block-5846 .webform-client-form .form-item,
.region-content .block-webform-client-block-5846 .webform-client-form .form-wrapper {
  margin-top: 0;
  margin-bottom: 0;
}

.newsletter_title_row .field-name-newsletter-signup .webform-client-form .form-email, 
.region-content .block-webform-client-block-5846 .webform-client-form .form-email {
  height: 2.25rem;
  margin-right: 0.5rem;
  padding: 0.5rem;
  font-size: 1rem;
}

.newsletter_title_row .field-name-newsletter-signup .webform-client-form .form-submit,
.region-content .block-webform-client-block-5846 .webform-client-form .form-submit {
  height: 2.25rem;
  margin-left: 0.5rem;
}

.node-newsletter .newsletter_column_two h1 {
  font-size: 1.75rem;
}

.node-newsletter .floated-left {
  margin-right: 1rem !important;
  margin-bottom: 1rem !important;
}
.node-newsletter .floated-right {
  margin-left: 1rem !important;
  margin-bottom: 1rem !important;
}

@media (max-width: 500px) {
  .node-newsletter .floated-left,
  .node-newsletter .floated-right {
    float: none !important;
  }

  .node-newsletter .floated-left ~ a,
  .node-newsletter .floate-right ~ a {
    display: block;
  }
}

/* -------------------- */
/* EXPOSED FILTERS
/* -------------------- */

.views-exposed-widgets {
  align-items: flex-start;
}

.form-type-select select {
  margin-top: 0;
}

.views-operator {
  margin-bottom: 0.5rem;
}

.views-exposed-widgets .views-widget-filter-uid {
  max-width: 300px;
}

/* Grey box styling around certain exposed filters */

@media (max-width: 739px) {
  .suitcase_megapanels #views-exposed-form-all-blogposts-page {
    margin-right: 1rem;
    margin-left: 1rem;
  }
}

.views-exposed-widgets {
  flex-wrap: wrap;
  align-items: flex-end;
}

#views-exposed-form-all-blogposts-page,
#views-exposed-form-articles-page-2,
#views-exposed-form-taxplace-page,
#views-exposed-form-taxplace-page-4,
#views-exposed-form-taxplace-page-5 {
  margin-bottom: 2rem;
}

#views-exposed-form-all-blogposts-page .views-exposed-widgets label,
#views-exposed-form-articles-page-2 .views-exposed-widgets label,
#views-exposed-form-taxplace-page .views-exposed-widgets label,
#views-exposed-form-taxplace-page-4 .views-exposed-widgets label,
#views-exposed-form-taxplace-page-5 .views-exposed-widgets label {
  font-size: 0.85rem;
}

#views-exposed-form-all-blogposts-page .form-type-textfield input,
#views-exposed-form-articles-page-2 .form-type-textfield input,
#views-exposed-form-taxplace-page .form-type-textfield input,
#views-exposed-form-taxplace-page-4 .form-type-textfield input,
#views-exposed-form-taxplace-page-5 .form-type-textfield input {
  height: auto;
  padding: 0.5rem;
  padding-right: 1.5rem;
  font-size: 1rem;
  border: 1px solid #ddd;
}

  #views-exposed-form-taxplace-page .form-type-textfield input {
   max-width: 200px;
  }

#views-exposed-form-all-blogposts-page .views-exposed-form .form-type-select select,
#views-exposed-form-articles-page-2 .views-exposed-form .form-type-select select,
#views-exposed-form-taxplace-page .views-exposed-form .form-type-select select,
#views-exposed-form-taxplace-page-4 .views-exposed-form .form-type-select select,
#views-exposed-form-taxplace-page-5 .views-exposed-form .form-type-select select {
  margin-top: 0;
  margin-bottom: 0;
}

#views-exposed-form-all-blogposts-page,
#views-exposed-form-articles-page-2,
#views-exposed-form-taxplace-page,
#views-exposed-form-taxplace-page-4,
#views-exposed-form-taxplace-page-5 {
  margin-bottom: 1rem;
  padding: 1rem;
  background: #eee;
}

#views-exposed-form-all-blogposts-page .views-exposed-widgets,
#views-exposed-form-articles-page-2 .views-exposed-widgets,
#views-exposed-form-taxplace-page .views-exposed-widgets,
#views-exposed-form-taxplace-page-4 .views-exposed-widgets,
#views-exposed-form-taxplace-page-5 .views-exposed-widgets {
  margin-bottom: 0;
}

#views-exposed-form-all-blogposts-page .views-exposed-widget,
#views-exposed-form-articles-page-2 .views-exposed-widget,
#views-exposed-form-taxplace-page .views-exposed-widget,
#views-exposed-form-taxplace-page-4 .views-exposed-widget,
#views-exposed-form-taxplace-page-5 .views-exposed-widget {
  margin-bottom: 0;
}

#views-exposed-form-all-blogposts-page .form-submit,
#views-exposed-form-articles-page-2 .form-submit,
#views-exposed-form-taxplace-page .form-submit,
#views-exposed-form-taxplace-page-4 .form-submit,
#views-exposed-form-taxplace-page-5 .form-submit {
  height: 2.25rem;
  margin-top: 1rem;
  font-weight: normal;
  border-radius: 3px;
  background: white;
  transition: 200ms ease all;
}

  #views-exposed-form-all-blogposts-page .form-submit:hover,
  #views-exposed-form-all-blogposts-page .form-submit:focus,
  #views-exposed-form-articles-page-2 .form-submit:hover,
  #views-exposed-form-articles-page-2 .form-submit:focus,
  #views-exposed-form-taxplace-page .form-submit:hover,
  #views-exposed-form-taxplace-page .form-submit:focus,
  #views-exposed-form-taxplace-page-4 .form-submit:hover,
  #views-exposed-form-taxplace-page-4 .form-submit:focus,
  #views-exposed-form-taxplace-page-5 .form-submit:hover,
  #views-exposed-form-taxplace-page-5 .form-submit:focus {
    color: #ffffff;
    background: #cc0000;
    border-color: #cc0000;
  }

@media(max-width: 1000px) {
  #views-exposed-form-all-blogposts-page .views-exposed-widget,
  #views-exposed-form-articles-page-2 .views-exposed-widget,
  #views-exposed-form-taxplace-page .views-exposed-widget,
  #views-exposed-form-taxplace-page-4 .views-exposed-widget {
    margin-bottom: 0.5rem;
  }
}

/* -------------------- */
/* TAXPLACE
/* -------------------- */

/* /taxplace/all 
 * This is the table with the icons */
.view-taxplace .content tr:first-of-type,
.view-taxplace .content tr,
.view-taxplace .content td,
.view-taxplace .content th:last-of-type,
.view-taxplace .content td:last-of-type {
  display: flex;
}

.view-taxplace tr {
  background: #ffffff;
  border: none;
}

.view-taxplace tr.odd td,
.view-taxplace tr.even td {
  background: #ffffff;
  border-left: 0;
  border-right: 0;
}

.view-taxplace tr:first-of-type {
  border-top: 0;
}

.view-taxplace tr.even td {
  vertical-align: top;
}

.view-taxplace .views-field-field-taxplace-date, 
.view-taxplace .views-field-created {
  min-width: 150px;
  color: #777;
}

.view-taxplace .views-field-title {
  display: flex;
}

/* --- TaxPlace/All Icons --- */

.taxplace-icon .views-field-title:before {
  content: '';
  font-family: FontAwesome;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  height: 2.25rem;
  width: 2.25rem;
  margin-right: 1rem;
  color: #ffffff;
  background: #ddd;
  border-radius: 0.25rem;
  opacity: 1;
}

.article-type .views-field-title:before {
  content: '\f15c';
  background: #BE531C;
}

.blogpost-type .views-field-title:before {
  content: '\f040';
  background: #ACA39A;
}

.premium-video-type .views-field-title:before {
  content: '\f03d';
  background: #9B945F;
}

.premium-article-type .views-field-title:before {
  content: '\f02d';
  background: #006BA6;
}

.Tables.and.Charts-cat .views-field-title:before {
  content: '\f0ce';
  background: #cc0000;
}

.views-field-title {
  font-size: 1.15rem !important;
}

.page-taxplace-all .views-exposed-form .views-exposed-widget {
  margin-bottom: 1rem;
}

.page-taxplace-all .form-type-bef-checkbox label {
  font-weight: normal;
}

/* -------------------- */
/* Case Summaries WEBSUPPORT-2448
/* -------------------- */

.view-annotations .views-exposed-widgets .form-type-select select {
  margin-bottom: 0;
}

/* -------------------- */
/* PRINT
/* -------------------- */

@media print {
  a, p, ul, ol, li, img, span, strong, em {
    font-size: 14px !important;
  }

  h2 { font-size: 1.5rem; }

  #page-title {
    text-transform: none;
    font-size: 1.65rem;
    padding-top: 0.5rem;
  }

  #region-content {
    margin-top: 0;
  }

  .block-sharethis {
    display: none;
  }

  .zone-preface-wrapper {
    display: block !important;
  }

  .field-name-date-and-author {
    margin-bottom: 0 !important;
  }

  /* Disclaimer */

  .block-8 p {
    font-size: 9px !important;
  }
}

/* -------------------- */
/* Wisconsin Annual Tax Courses
/* -------------------- */
/* wisconsin-annual-tax-courses
*/

.page-wisconsin-annual-tax-courses .bean-card_blue .bean-card_label {
  background: #343aa6;
}