@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;400;700&family=Source+Serif+Pro:wght@400;700&display=swap');

/**
font-family: 'Montserrat', sans-serif; // Titles
font-family: 'Source Serif Pro', serif; // Body
*/
/**
 * BEGIN: GLOBAL
 */
body {
    font-family: 'Montserrat', sans-serif;
}

body h1, body h2, body h3 {
    font-family: 'Source Serif Pro', serif;
    color: #A72931;
}

/* Replace red text */
body a, body a:visited, body h4,
body .primary-sidebar h4.widget-title,
body .primary-sidebar ul li a {
    color: #A72931;
}

.related-posts-widget .widget-body .nav .nav-item .nav-link::before, .recent-highlights-widget .widget-body .nav .nav-item .nav-link::before {
    background-color: #4B4470;
}

nav,
.section-title span,
.section-title.section-title-sm span {
    font-family: 'Montserrat', sans-serif;
}

#site-header {
    color: #4b4470;
}

#site-header .header-toolbox, .subscribe-widget {
    background-color: unset;
    background: transparent url('./main-gradient.png') top left repeat-x;
    background-size: cover;
}

.subscribe-widget form, .email-hero form {
    background-color: rgba(255,255,255,0.3);
}

.subscribe-widget form input,
.subscribe-widget form button,
.email-hero form input,
.email-hero form .btn {
    color:  white;
    border:  none !important;
    background-color: transparent;
}


.subscribe-widget form button { margin-right: 1px; }

.subscribe-widget form button,
.email-hero form .btn {
    background-color: rgba(0, 0, 0, 0.3);
}

.subscribe-widget form button:hover, .email-hero form .btn:hover {
    background-color: rgba(0, 0, 0, 0.5) !important;
}

#site-header .header-main-container .global-logo {
    max-width: unset;
}

#site-header .search-form {
    border-bottom: 1px solid #4b4470;
}

#site-header .search-form input[type="text"],
#site-header .search-form .input-group-text {
    background-color: transparent;
    border: none;
}

#site-header .nav-container nav.navbar.navbar-light a,
#site-header .nav-container nav.navbar.navbar-light a.nav-link,
#site-header .nav-container nav.navbar.navbar-light .dropdown-menu .dropdown-item {
    font-size: 0.9em;
}

#site-header .nav-container,
#site-header .nav-container nav.navbar.navbar-light .dropdown-menu {
    border-bottom: 3px solid #a72931;
}

#site-header .nav-container nav.navbar.navbar-light li.menu-item-14574 a,
#site-header .nav-container nav.navbar.navbar-light li.menu-item-14574 a:hover,
#site-header .nav-container nav.navbar.navbar-light a.nav-link:hover, #site-header .nav-container nav.navbar.navbar-light .card:hover .headline a.nav-link, .card:hover .headline #site-header .nav-container nav.navbar.navbar-light a.nav-link {
    color: #a72931;
}

.primary-sidebar ul li.active a {
    background-color: #4B4470;
}
/**
 * END: GLOBAL
 */


/**
 * BEGIN: HOME PAGE
 */

.homepage-hero-container .hero-overlay {
    padding-top: 8rem;
}

.homepage-hero-container .hero-text {
    font: 4rem/1 'Montserrat', sans-serif;
    font-weight: 800;
    text-transform: uppercase;
}

.homepage-hero-container .hero-text small {
    font-size: 1.5rem;
    font-weight: bold;
}

.topic-tile.topic-tile-wide { min-height: 300px; }
.section.primary-section, .email-hero {
    background: transparent url('./main-gradient.png') top left repeat-x;
    background-size: cover;
}

.section.article-section {
    background-color: white;
}

.section.article-section .card {
    background-color: #f9fafb;
    border: none;
}
/**
 * END: HOME PAGE
 */

 /**
  * BEGIN:  PROGRAM PAGE
  */
.isgap-program .program-header-overlay {
    background-color: unset;
    background: transparent url('./main-gradient.png') top left repeat-x;
    background-size: cover;
}

.summer-institute-show-more-years {
    font-family: 'Source Serif Pro', serif;
    font-weight: bold;
    z-index: 50;
    position: absolute;
    width: 101%; /* The +1 is so that it overlaps any card borders */
    left: -1px;
    right: 0px;
    bottom: 0;
    color: #A72931;
    font-size: 2em;
    padding: 350px 0 50px 0;
    margin: 0 auto -20px auto;
    background: linear-gradient(to bottom, rgba(255, 255, 255, .0) 0%, rgba(255, 255, 255, 1) 60%);
}
 /**
  * END:  PROGRAM PAGE
  */

  /**
   * BEGIN:  VIDEO PAGE;
   */
 .video-list {
    background-color: unset;
    background: transparent url('./main-gradient.png') top right repeat-x;
    background-size: cover;
 }

 /**
   * END:  VIDEO PAGE;
   */


.btn.btn-primary {
    border: none;
    background-color: #A72933;
    transition: all .3s linear;
}


.btn.btn-primary:hover {
    background-color: #6e1b22;
}