/**
 * @file
 * Use this CSS file to override components CSS rules
 */
/* Fix contextual links size */

.hero {
  min-height: 35vh;
}

/*
.region-hero-second.mt-button + .region-hero-second.mt-button {
  margin-left: 0px;
}
*/
.mt-button + .mt-button {
  margin-left: 0px;
}

.tp-caption__title a {
  font-size: 30px;
  font-weight: 600;
  padding: .1em 1em .1em 1em;
}

.tp-caption__buttons-container {
  margin-top: 1.2em;
}

/*
.tp-caption--transparent-background .tp-caption__text {
  font-size: 20px;
  padding: .5em;
}
*/

.contextual-region .contextual .contextual-links a {
  font-size: small;
  padding: 0.4em 0.6em;
}

.subfooter-second .ul.icons-list {
  text-align: right;
}

.mt-promo-text {
  margin-top: 0;
}
.cta-block h2 {
  margin-bottom: 10px;
}
.cta-block p {
  margin-top: 0;
}
.cta-block p.small {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.site-name-wrapper {
  padding: 5px 0;
}
.site-name a {
  font-size: 43px;
/*
  margin-left: 30px;
*/
}

.site-slogan {
  font-size: 20px;
/*
  margin-left: 30px;
*/
}

.field.field--name-field-mt-logo-roght.field--type-image.field--label-hidden.field__item img {
  max-width: 100%;
  padding-top: 10px;
}

.region-content ul.flippy {
  padding: 20px 20px;
}

.site-branding .logo img {
/*
  max-width: 75%;
*/
  max-width: 135px;
}

.node--type-mt-inst-info.node--view-mode-mt-hero-card .node__title {
  font-size: 1.3rem;
}

@media (min-width: 992px) {
  .header-container ul.menu > li > a, .header-container ul.menu > li > span {
    padding: 18px 10px;
  }
  .header-container ul.sf-menu .sf-sub-indicator {
    top: 30px;
  }
}

@media (max-width: 575px) {
  .site-name a {
    font-size: 25px;
  }

  .site-slogan {
    font-size: 18px;
  }

  .field.field--name-field-mt-logo-roght.field--type-image.field--label-hidden.field__item img {
      max-width: 45%;
      padding-left: 20px;
      padding-top: 20px;
  }
  .site-branding .logo img {
    max-width: 55%;
  }
}

@media (max-width: 375px) {
  .site-name a {
    font-size: 20px;
  }
  .site-slogan {
    font-size: 14px;
  }
}

@media (max-width: 991px) {
  .header-container .site-slogan {
    display: block;
  }
  .site-name a {
    font-size: 25px;
    margin-left: 30px;
  }

  .site-slogan {
    font-size: 18px;
    margin-left: 30px;
  }
  .site-branding .logo img {
/*
    max-width: 46%;
*/
    max-width: 70px;
  }
  .field.field--name-field-mt-logo-roght.field--type-image.field--label-hidden.field__item img {
    max-width: 75%;
    padding-top: 10px;
    padding-left: 30px;
  }
  .page-node-type-mt-inst-info .field.field--name-field-mt-pst-slideshow-text {
    font-size: 1.2rem;
    margin-bottom: 10px;
  }
}

/*  logo width upto device width  */ 
@media (max-width: 799px) {
  .site-branding .logo img {
    max-width: 100%;
  }
  .subfooter__section {
    text-align: center;
  }
  .site-name a {
    font-size: 20px;
    margin-left: 2px;
  }

  .site-slogan {
    font-size: 14px;
    margin-left: 2px;
  }
  .field.field--name-field-mt-logo-roght.field--type-image.field--label-hidden.field__item img {
    max-width: 65%;
    padding-left: 40px;
    padding-top: 20px;
  }
}

/*
.field--name-field-mt-tml-timeline-item > .field__item .timeline__header h5 {
  margin: 0 0 5px;
  font-size: 16px;
}
*/

.field--name-field-mt-tml-timeline-item > .field__item .timeline-item {
  font-size: 16px;
}

.table-responsive {
  margin-bottom: 20px;
}

/*
.mt-input, .mt-mobile-menu-widget .mt-menu-button.mt-button, .mt-mobile-menu-overlay .mt-dismiss-button.mt-button {
  color: var(--mt-mwidget-element-color);
  background: var(--mt-mwidget-element-bg-color);
  border-color: var(--mt-color-secondary);
  background-color: var(--mt-color-secondary);
  color: var(--mt-color-secondary-contrast);
}
*/