/* The site will inherit css from tamhsc.edu. Only put css specific to this site here */

/* Typography */
main h1, main h2, main h3, main h4, main h5, main h6 {
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 500;
    color: #332c2c;
}

main p, main li, main a {
    font-family: 'Open Sans', sans-serif;
}

main a {
    color: #500000;
}

main h2 {
    font-size: 42px;
    color: #500000;
}

main h3 {
    font-size: 32px;
}

.person-wrapper h3 {
    text-transform: inherit;
    font-weight: 300;
}

main p {
    font-size: 18px;
    line-height: 27px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #707373;
}

.tamu-headline-maroon {
    color: #500000;
}


/* Logo */
#header-logo {
    height: 70px;
}

@media (min-width: 576px) {
    #header-logo {
        height: 100px;
    }    
}



/* Main Menu */
#page-header .header-top-button, #page-header .header-top-button a, #page-header a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
}
#page-header {
    height: 90px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

.mm-listview>li>a {
    color: #707373;
}

.mm-listview>li>a:active, .mm-listview>li>a:focus, .mm-listview>li>a:hover {
    color: #fff;
    background-color: #500000;
    text-shadow: 0 1px 2px rgba(0,0,0,.8);
}

.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after, .mm-menu.mm-theme-white .mm-listview {
    border-color: #500000;
}

.mm-navbar {
    background-color: #f5f5f5;
    border-color: #500000;
}

#global-nav .dropdown-menu {
    margin-left: -375px;
}

#global-nav .dropdown-menu-content {
    padding-left: 382px;
    background-color: rgba(80,0,0,1) !important;
}


@media (max-width: 767px) {
.mm-listview li {
    width: 100%!important;
}
}

#global-nav .dropdown-menu a {
    font-weight: 400;
}

@media (min-width: 992px) {
#page-header {
    padding-left: 0;
}

#page-header #header-logo-wrapper {
    transform: translateX(20px);
}
}

/* Page Banner Title */
.hero-top-section-internal h1 {
    font-weight: 700;
    text-transform: uppercase;
}

.lead {
    font-size: 18px !important;
}


 .button-sidebar-nav-current-page {
	 background-color: #ededed !important;
	 text-decoration: none;
	 border-left: 5px solid #500000 !important;
}
 

/* Row Styles */
.row-full-maroon {
    background-color: #500000;
}

@media (max-width: 992px) {
.reverse-section .row {
    flex-direction: column-reverse;
}    
}

@media (max-width: 767px) {
section {
    padding-left: 20px;
    padding-right: 20px;
}
}




/* Images */
.img-shadow {
    box-shadow: 0px 20px 50px #00000033;
    border-radius: 5px;
}
.image-caption {
    font-size: 14px;
    line-height: 20px;
}
main section .contentArea img {
    height: 100%;
    width: 100%;
}
/* Buttons */
main a:active, main a:focus, main a:hover {
    outline: 1px dotted #500000;
}

.btn-primary {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    padding: 15px 40px;
    background-color: #500000;
    color: #fff;
    border: 2px solid #500000;
}

.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover {
    background-color: #fff;
    color: #500000;
    border: 2px solid #500000;
}



/* Featured Quotes */
.featured-quote {
   padding-bottom: 3rem !important;
   background-color: #f5f5f5;
}

.featured-quote .quote-box .transparent-quotes-left {
   font-size: 20px;
   font-weight: 400;
   font-style: italic;
   line-height: 30px;
   padding-bottom: 30px;
   color: #707373 !important;
}

.featured-quote .img-fluid {
   max-width: 270px;
   height: auto;
   position: relative;
   border-radius: 50%;
}

.featured-quote .carousel-control-prev {
    left: -100px;
}

.featured-quote .carousel-control-prev-icon {
   background-image: url('https://usacenter.tamu.edu/images/prev-icon.png');
}

.featured-quote .carousel-control-next {
    right: -100px;
}

.featured-quote .carousel-control-next-icon {
   background-image: url('https://usacenter.tamu.edu/images/next-icon.png');
}

.featured-quote .quote-box h3 {
   font-family: 'Oswald', sans-serif;
   text-align: left !important;
   color: #332c2c;
}

.featured-quote .quote-box p {
   font-size: 14px;
   line-height: 21px;
   font-style: normal !important;
   text-align: left !important;
   color: #707373;
}



/* By The Numbers */
.by-the-numbers h2 {
    font-size: 60px;
    font-weight: 900;
    color: #500000;
}

.by-the-numbers h3 {
    font-weight: 300;
    color: #500000;
}

.by-the-numbers .by-the-numbers-headline h2 {
    font-size: 36px;
    font-weight: 400;
}


/* TWO COLUMN SECTION for interior page templates */
.gray-background {
    background-color: #F5F5F5;
}

/* VIDEO GRID SECTION */
.video-grid-section {
padding-top: 100px;
padding-bottom: 100px;

}

.video-grid-section .video-grid {
margin-top: -40px;
}

.video-grid-section .video-grid-box {
margin-top: 40px;
    max-width: 450px;
    padding: 20px;
    height: 100%;
}

.video-grid-section .video-grid-box h5 {
    margin-top: 20px;
}


/* adjust space between titles on bio page */
.bio-page-academic .cred {
    margin-bottom: 0 !important;
}