/*
 Theme Name:   School of Medicine
 Theme URI:    https://medschool.vanderbilt.edu/
 Description:  WordPress theme built for the Vanderbilt School of Medicine
 Author:       Web Communications, Vanderbilt University
 Author URI:   https://web.vanderbilt.edu
 Template:     ANCHORDOWN-Vanderbilt
 Version:      0.0.1
 Text Domain:  ANCHORDOWN-Medicine
*/


/* Additional CSS */

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

#maincontent {
    padding-top: 0;
}

.som-mt-15 {
    margin-top: 15px;
}

.som-mt-10 {
    margin-top: 10px;
}

.som-mt-5 {
    margin-top: 5px;
}

.som-mb-15 {
    margin-bottom: 15px;
}

.som-mb-10 {
    margin-bottom: 10px;
}

.som-mb-5 {
    margin-bottom: 5px;
}


/* -----------------------------------------------------------------------
HEADER VIDEO BACKGROUND
----------------------------------------------------------------------- */

.header-background-video {
    width: 100%;
    height: 100%;
    position: relative;
    /* overflow: hidden; */
}

.header-background-video #background {
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -100;

    background: url('library/images/video-bg.jpg');
    backgroud-size: cover;
}

.header-background-video div {
    position: relative;
    /*z-index: 1;*/
}

.header-background-video img {
    width: inherit;
}

.header-background-video .sub-header-text {
    text-align: left;
    margin-top: 0px;
    /*margin-left: 100px;*/

    color: #eaeaea;
    font-size: 1.2em;
    margin-bottom: 50px;
    padding-top: 10px;
    border-top: 3px solid #d8ab4c;
}

/* If using Live Text Header */
.header-background .som-livetextheader {
    position: relative;
    display: block;
    text-align: left;
    margin: 0px 0px 0px 0px !important;
    color: #EAEAEA;
    font-size: 4.45em;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 200 !important;
    opacity: 0.85;
}
.header-background .som-livetextheader strong {
    font-weight: 700 !important;
}
.header-background a:link, .header-background a:visited, .header-background a:hover {
    text-decoration: none;
    border: 0;
}

.som-header-background-gradient {

    /*z-index: 1;*/
    background: #232526;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0), rgba(255,255,255,0),  rgba(0,0,0,1));  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, rgba(255,255,255,0),rgba(255,255,255,0), rgba(255,255,255,0), rgba(0,0,0,1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.som-header-text-container {
    height: 550px;
    /*z-index: 2;*/
}

.som-header-text-container a {
    display: block;
    /*position: relative;*/
    /*top: 415px;*/

}

#som-topCarousel {
    top: 405px;
}

#som-topCarousel .carousel-indicators {
    left: 2%;
    bottom: 5px;
    /* hide indicators for now */
    opacity: 0;

}

#som-topCarousel .carousel-indicators .active {
    background-color: #d8ab4c;
}

#som-topCarousel .carousel-indicators li {
    border: 1px solid #eaeaea;
    border-radius: 10px;
}


.som-introducing-area {
    height: 100%;
    background: linear-gradient(90deg, #fff 50%, #d8ab4c 50%);
}

div.som-feature {

    /*margin-top: 30px;*/
    /*margin-bottom: 20px;*/

    background-color: #fff;
    padding-top: 20px;
    padding-bottom: 30px;
}

.som-header-feature {
    text-align: center;
    font-size: 4.5em;
    color: #6d6a75;
}

@media screen and (max-width: 800px) {
    #background {
        display: none;
    }

    .som-header-text-container {
        height: 300px !important;
        /*z-index: 2;*/
    }

    #som-topCarousel {
        top: 155px;
    }

    .header-background .som-livetextheader {
        font-size: 2em;
    }

    .header-background-video {
        background-image: url("library/images/video-bg.jpg") !important;
        background-size: cover;
    }

    .som-header-background-gradient {

        /*z-index: 1;*/
        background: #232526;  /* fallback for old browsers */
        background: -webkit-linear-gradient(to bottom, rgba(255,255,255,0),  rgba(0,0,0,1));  /* Chrome 10-25, Safari 5.1-6 */
        background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(0,0,0,1)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    }

    .header-background-video .sub-header-text {
        font-size: 0.9em;
    }

    #som-topCarousel .carousel-indicators {
        left: 6%;
        bottom: 2px;

    }

    .som-introducing-area {
        height: 100%;
        background: none;
    }
}

div.bgv-button-container {
    position: absolute;
    right: 15px;
    bottom: 5px;
}

.bgv-button-container span {
    color: #EEEEEE;
}
#bgv-start-stop {
    background-color: transparent;
}


/* -----------------------------------------------------------------------
FEATURE CARD
----------------------------------------------------------------------- */

div.feature-card a.ft-card-container {
    display: block;
    /*height: 335px;*/
    height: 33%;
    margin-top: 10px;
    margin-bottom: 10px;
    text-decoration: none;
}

a.ft-card-container .ft-card-btn {
    display: block;
    border-top: 1px solid #d8ab4c;
    border-bottom: 1px solid #d8ab4c;
    font-family: "Source Sans Pro", sans-serif;
    position: relative;
    text-align: center;
    font-size: 1.5rem;
    padding: 20px 0 20px 0;
    transition: 1s;
}

a.ft-card-container:hover .ft-card-btn {
    background-color: #d8ab4c;
    color: black;
    font-weight: bold;

}

a.ft-card-container .ft-card-btn-extra-text-container {
    padding-top: 5px;
    padding-bottom: 10px;
}

a.ft-card-container .ft-card-btn .ft-card-btn-extra-text {
    font-size: 0.9rem;
    display: block;
}

a.ft-card-container .ft-card-btn-extra-border-top {
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #d8ab4c;
    width: 35px;
    height: 4px;
}

a.ft-card-container .ft-card-btn-extra-border-bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background-color: #d8ab4c;
    width: 35px;
    height: 4px;
}

a.ft-card-container .ft-card-body {
    position: relative;
    margin-top: 10px;

}

a.ft-card-container .ft-card-body-img {
    width: 100%;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    transition: 0.5s;

}

a.ft-card-container:hover .ft-card-body-img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}

a.ft-card-container .ft-card-body-content {
    position: absolute;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 200;
    font-size: 1.4rem;
    padding: 20px;
    bottom: 10px;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

a.ft-card-container:hover .ft-card-body-content {
    display: block;

}

a.ft-card-container .ft-card-body-text {
    color: white;

}

@media only screen and (max-width: 768px){
    a.ft-card-container .ft-icon {
        position: absolute;
        left: -5px;
        top: 10px;
        width: 50px;
        height: 50px;
        /*display: none !important;*/
    }

    a.ft-card-container .ft-card-btn {
        /*background-color: #d8ab4c;*/
        /*color: black;*/
        /*font-weight: bold;*/
        font-size: 1.7rem;
    }
}



/* -----------------------------------------------------------------------
Program Spotlight
----------------------------------------------------------------------- */

#programs .navbar-wrapper {
    position: relative;
    top: 13px;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.4);

}

#programs .som-all-cap {
    text-transform: uppercase;
}

#programs .som-font-bold {
    font-weight: bold;
}

.programs .carousel-control {margin-top: 20px}

.programs .navbar-brand {
    color: #333;
}

.programs .dropdown-toggle {
    color: #333;
    /*font-weight: bold;*/
}

.programs .dropdown-toggle:hover {
    color: #000;
}
.programs .open .dropdown-toggle {
    color: #fff;
}

.programs .dropdown-menu {
    min-width: 300px;
}

.programs .dropdown-menu.columns-2 {
    min-width: 600px;
}

.programs .dropdown-menu.columns-3 {
    min-width: 900px;
}

.programs .dropdown-menu li.headline strong{
    margin: 5px 15px;
    font-weight: 500;
    display: block;
    border-bottom: 1px solid #666;
    color: white;
}

.programs .dropdown-menu li a {
    padding: 5px 15px;
    font-weight: 300;
}

.programs .multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.programs .multi-column-dropdown li a {
    display: block;
    clear: both;
    white-space: normal;
}

.programs .multi-column-dropdown li a:hover {
    text-decoration: none;
    background-color: #fff;
    color: #000;
}

@media (max-width: 767px) {
    .programs .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
}

@media (min-width: 768px) {

    /* Remve the edge padding needed for mobile */
    .programs .marketing {
        padding-left: 0;
        padding-right: 0;
    }

    /* The navbar becomes detached from the top, so we round the corners */
    .programs .navbar-wrapper .navbar {
        border-radius: 4px;
    }

}

#programs {
    background-image: url('library/images/programs-bg-2.jpg');
    background-position: center left;
    background-size: cover;
    width: 100%;
    padding: 0;
    background-color: #f0ca6f;
}

/* Carousel Fading slide */

.programs .carousel-fade .carousel-inner {
    background: #000;
}

.programs .carousel-fade .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    min-height: 440px;
}

.programs .carousel-fade .next.left,
.programs .carousel-fade .prev.right,
.programs .carousel-fade .item.active {
    opacity: 1;
}

.programs .carousel-fade .active.left,
.programs .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}




/* Safari Fix */

@media all and (transform-3d),
(-webkit-transform-3d) {
    .programs .carousel-fade .carousel-inner >
    .item.next,
    .programs .carousel-fade .carousel-inner >
    .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .programs .carousel-fade .carousel-inner >
    .item.prev,
    .programs .carousel-fade .carousel-inner >
    .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .programs .carousel-fade .carousel-inner >
    .item.next.left,
    .programs .carousel-fade .carousel-inner >
    .item.prev.right,
    .programs .carousel-fade .carousel-inner >
    .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}


/* Animation */

.programs .control-box,
.programs a.carousel-control,
.programs .carousel-indicators li {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
    /* hardware acceleration causes Bootstrap carousel controlbox margin error in webkit */
    /* Assigning animation to indicator li will make slides flicker */
}


/* Carousel Indicator */

.programs .carousel-indicators li.active,
.programs .carousel-indicators li {
    border: 0;
}

.programs .carousel-indicators li {
    background: #666;
    margin: 0 3px;
    width: 12px;
    height: 12px;
}

.programs .carousel-indicators li.active {
    background: #fff;
    margin: 0 3px;
}


.programs .carousel-inner {
    background: none !important;
    padding-bottom: 40px;
}

.programs .carousel-caption {
    background: rgba(0, 0, 0, .5);
    padding: 40px 40px;
    top: 60px;
    text-align: left;

    width: 60%;
    position: relative;
}

.programs .carousel-caption h1 {
    font-weight: 100;
    color: white;
    border: 0;
    margin-bottom: 1rem;
    text-shadow: none;
}

.programs .carousel-caption h1 em {

    margin-top: 10px;
    margin-left: 3px;
    line-height: 1.3em;
    font-size: .4em;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: .13em;
    color: #CCC;
    display: block;
    font-weight: 700;
}

.programs .carousel-caption p {
    font-weight: 100;
}

.programs .carousel-caption p.blurb {
    margin-bottom: 30px;
    font-weight: 400;
    text-shadow: none;
}
.programs p.btns-wrapper {
    text-align: right;
}
.programs p.btns-wrapper .btn{ margin: 8px}

@media (max-width: 480px) {
    /*#programs .navbar-brand {padding:0 0 0 20px;}*/
    .programs a.carousel-control{
        width: 10%;
        margin-top: 0;
    }
    .programs .carousel-inner {padding-bottom: 40px;}
    .programs .carousel-caption {
        padding: 20px;
        top: 20px;
        width: 70%;
        position: relative;
    }
    .programs .carousel-caption h1{
        margin:0px;
        font-size: 2.2em;
    }
    .programs .carousel-caption h1 em {
        font-size: .38em;
    }

    .programs .carousel-caption p {
        padding-top: 10px;
        font-size: .95em;
        line-height: 1.4em;
    }
}

.programs .programs-nav-menu {
    /*display: block;*/
    clear: both;
}

@media only screen and (min-width: 992px) {
    .programs .programs-nav-menu {
        clear: none;
    }
}

.programs ul.dropdown-menu li a {
    color: black;
}

@media only screen and (min-width: 768px) {
    .programs ul.dropdown-menu li a {
        color: #cccccc;
    }
    .programs .programs-nav-icon-btn {
        display: none;
    }


}


.programs .programs-nav-icon-btn {
    position: relative;
    top: 10px;
    right: 120px;
    background: transparent;
    float: right;
    border: none;
    z-index: 10000;
}



/* Recent News */
#recent-news{
    padding: 2rem;
}

#recent-news h3{
    margin: 15px;
}

#recent-news .vunewsitem{
    margin-bottom: 1rem;
}

#recent-news .vunewsitem .text{
    font-weight: bold;
}

#recent-news .vunewsitem .thumbnail{
    margin-bottom: 0rem;
}

#recent-news .vunewsitem img{
    max-width: 100%;
    max-height: 220px;
    height: auto;
    width: fit-content;

    width: intrinsic;           /* Safari/WebKit uses a non-standard name */
    width: -moz-max-content;    /* Firefox/Gecko */
    width: -webkit-max-content;
}

#recent-news .vunewsitem:nth-child(4n+1){
    clear:both;
}

@media screen and (max-width: 991px){
    #recent-news .vunewsitem:nth-child(4n+1){
        clear:none;
    }
}

#recent-news a.more-news-button{
    clear:both;
    margin-right: 15px;
    float: right;
}


/* -----------------------------------------------------------------------
Inside Header - Subpage Header
----------------------------------------------------------------------- */

#inside-header-v1 h1{
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.75);
    font-size: 48px;
}

/* -----------------------------------------------------------------------
Subsite Header
----------------------------------------------------------------------- */
@media only screen and (min-width: 768px) {
    .header-background .som-subsite-livetextheader {

        font-size: 2.75em;
        margin-left: 10px;

    }

}

/* -----------------------------------------------------------------------
Right sidebar
----------------------------------------------------------------------- */
.sidebar__right a.sidebar-news__link {
    background: none !important;
}

.sidebar__right a.sidebar-news__link:hover {
    background: none !important;
    color: #dfdfdf;
}


/* -----------------------------------------------------------------------
People Grid Style
----------------------------------------------------------------------- */
.media-body ul {
    list-style: none;
}

.lab-person-info ul {
    list-style: none;
}

.people-photo img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}
.people-email,
.people-phone {
    margin: 5px 0;
}
.people-swatch,
.people-row {
    margin-bottom: 15px;
    /*     height: 375px; */
}

@media only screen and (min-width: 1200px){
    .people-swatch:nth-child(4n+1) {clear: both;}
}
@media only screen and (min-width:768px) and (max-width: 1200px){
    .people-swatch:nth-child(3n+1) {clear: both;}
}
@media only screen and (min-width:480px) and (max-width: 768px){
    .people-swatch:nth-child(2n+1) {clear: both;}
}
@media only screen and (max-width: 480px){
    .people-swatch{clear: both; width: 100%;}
}

/* Builder Code */

#builder-content .panel-body{
    background: white;
}


/* additional style for footer */
get-social__list .socialemail a {
    background-position: 0 -1900px;
}

/* -----------------------------------------------------------------------
SOM ANNOUNCEMENT
----------------------------------------------------------------------- */

.som-announcement {
    background: white;
}

a.som-announcement-box {
    display: block;
}

.som-announcement-container {
    text-align: center;
    padding: 20px 10px 10px 10px;

}

.som-annoucement-content-wrapper {
    border-radius: 4px;
    border: 2px solid #d8ab4c;
    padding: 10px 10px 10px 10px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 1.6rem;
    font-weight: 400;
    background-image: url("library/images/v-logo.png");
    background-position: top left;
    background-repeat: no-repeat;
    min-height: 100px;
    /*position: relative;*/
    display: flex;
    justify-content: center;
    align-items: center;
}

a.som-announcement-box .som-annoucement-content-wrapper {
    background-color: #fafafa;
}

a.som-announcement-box .som-annoucement-content-wrapper:hover {
    font-weight: bold;
}

.som-announcement-content {
    width: 80%;
}

.som-announcement-content a{
    color: #006682;
}

/* -----------------------------------------------------------------------
SOM CALENDAR
----------------------------------------------------------------------- */
#vu-grid-calendar .fc-event {
    /*background-color: #006682;*/
    /*background-color: #cce0e6;*/
    /*border-top: 3px solid #006682;*/
    /*color: #000000;*/

    background-color: #fafafa;
    border: 1px solid #d8ab4c;
    border-top: 4px solid #d8ab4c;
    color: #000000;
}

#vu-grid-calendar .fc-event:hover {
    cursor: pointer;
    font-weight: bold;
}

#vu-grid-calendar .fc-day-header {
    background-color: #d8ab4c;
    color: #ffffff;
    padding: 5px !important;
}

#vu-grid-calendar .fc-past {
    /*background-color: #FAFAFA;*/
}

#vu-grid-calendar .fc-month-view span.fc-title{
    white-space: normal;
}

#vu-grid-calendar .fc-past .fc-day-number {
    color: #dddddd;
}

#vu-grid-calendar .past-event {
    border: 1px solid #dddddd;
    border-top: 4px solid #dddddd;
}

#eventUrl {
    color: black;
    border-bottom: none;
    font-weight: bold;
}

/* -----------------------------------------------------------------------
Social Icons Style - Credited to ameyraut.com
----------------------------------------------------------------------- */

/*Change icons size here*/
.som-social-icons .fa {
    font-size: 1.8em;
}

.som-social-icons li:before {
	content: '' !important;
}

/*Change icons circle size and color here*/
.som-social-icons .fa {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: #FFF;
    color: rgba(255, 255, 255, 0.8);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.som-social-icons.icon-circle .fa{
    border-radius: 50%;
}
.som-social-icons.icon-rounded .fa{
    border-radius:5px;
}
.som-social-icons.icon-flat .fa{
    border-radius: 0;
}

.som-social-icons.icon-flat .fa{
    border-radius: 0;
}

.som-social-icons .fa:hover, .som-social-icons .fa:active {
    color: #FFF;
    -webkit-box-shadow: 1px 1px 3px #333;
    -moz-box-shadow: 1px 1px 3px #333;
    box-shadow: 1px 1px 3px #333;
}
.som-social-icons.icon-zoom .fa:hover, .social-icons.icon-zoom .fa:active {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.som-social-icons.icon-rotate .fa:hover, .social-icons.icon-rotate .fa:active {
    -webkit-transform: scale(1.1) rotate(360deg);
    -moz-transform: scale(1.1) rotate(360deg);
    -ms-transform: scale(1.1) rotate(360deg);
    -o-transform: scale(1.1) rotate(360deg);
    transform: scale(1.1) rotate(360deg);
}

.som-social-icons a:visited {
    border-bottom: none !important;
}
.som-social-icons a {
    border-bottom: none !important;
}

.som-social-icons .fa-adn{background-color:#504e54;}
.som-social-icons .fa-apple{background-color:#aeb5c5;}
.som-social-icons .fa-android{background-color:#A5C63B;}
.som-social-icons .fa-bitbucket,.som-social-icons .fa-bitbucket-square{background-color:#003366;}
.som-social-icons .fa-bitcoin,.som-social-icons .fa-btc{background-color:#F7931A;}
.som-social-icons .fa-css3{background-color:#1572B7;}
.som-social-icons .fa-dribbble{background-color:#F46899;}
.som-social-icons .fa-dropbox{background-color:#018BD3;}
.som-social-icons .fa-facebook,.som-social-icons .fa-facebook-square{background-color:#3C599F;}
.som-social-icons .fa-flickr{background-color:#FF0084;}
.som-social-icons .fa-foursquare{background-color:#0086BE;}
.som-social-icons .fa-github,.som-social-icons .fa-github-alt,.som-social-icons .fa-github-square{background-color:#070709;}
.som-social-icons .fa-google-plus,.som-social-icons .fa-google-plus-square{background-color:#CF3D2E;}
.som-social-icons .fa-html5{background-color:#E54D26;}
.som-social-icons .fa-instagram{background-color:#A1755C;}
.som-social-icons .fa-linkedin,.som-social-icons .fa-linkedin-square{background-color:#0085AE;}
.som-social-icons .fa-linux{background-color:#FBC002;color:#333;}
.som-social-icons .fa-maxcdn{background-color:#F6AE1C;}
.som-social-icons .fa-pagelines{background-color:#241E20;color:#3984EA;}
.som-social-icons .fa-pinterest,.som-social-icons .fa-pinterest-square{background-color:#CC2127;}
.som-social-icons .fa-renren{background-color:#025DAC;}
.som-social-icons .fa-skype{background-color:#01AEF2;}
.som-social-icons .fa-stack-exchange{background-color:#245590;}
.som-social-icons .fa-stack-overflow{background-color:#FF7300;}
.som-social-icons .fa-trello{background-color:#265A7F;}
.som-social-icons .fa-tumblr,.som-social-icons .fa-tumblr-square{background-color:#314E6C;}
.som-social-icons .fa-twitter,.som-social-icons .fa-twitter-square{background-color:#32CCFE;}
.som-social-icons .fa-vimeo-square{background-color:#229ACC;}
.som-social-icons .fa-vk{background-color:#375474;}
.som-social-icons .fa-weibo{background-color:#D72B2B;}
.som-social-icons .fa-windows{background-color:#12B6F3;}
.som-social-icons .fa-xing,.som-social-icons .fa-xing-square{background-color:#00555C;}
.som-social-icons .fa-youtube,.som-social-icons .fa-youtube-play,.som-social-icons .fa-youtube-square{background-color:#C52F30;}




/* Additional CSS for SOM MD Admissions */

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

.vu-yellow {
    color: #d8ab4c !important;
}

.white {
    color: white !important;
}

.bold-text {
    font-weight: bold;
}

.som-small-text {
    font-size: 0.8em;
}

.pt-10 {
    padding-top: 10px;
}

.pt-25 {
    padding-top: 25px;
}

.pr-35 {
    padding-right: 35px;
}

.pl-35 {
    padding-left: 35px;
}

.pl-45 {
    padding-left: 45px !important;
}

.pb-20 {
    padding-bottom: 20px;
}

.mr-5 {
    margin-right: 5px;
}

.ml-5 {
    margin-left: 5px;
}

.mlr-5 {
    margin-right: 5px;
    margin-left: 5px;
}

.no-background {
    background-color: transparent;
}

.cap-text {
    text-transform: uppercase;
}

.vu-outline-btn {
    border-color: #d8ab4c;
    border-width: 2px;
    border-bottom: solid 2px #d8ab4c !important;

}

.black-outline-btn {
    border-color: black;
    border-width: 2px;
}

.blue-texture-bg {
    background: black no-repeat top center url("md-imgs/md-number-blue-bg.jpg");
}

.gold-texture-bg {
    background: black no-repeat top center url("md-imgs/md-number-gold-bg.jpg");
}

.center-text {
    text-align: center;
}

/* -----------------------------------------------------------------------
Flex Box Container
----------------------------------------------------------------------- */

.flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: stretch;
}

.flex-item {
    flex-grow: 1; /* distributed equally to all children */
    flex-shrink: 1;
    flex-basis: 0;

}

@media only screen and (max-width : 768px) {
    .flex-container {
        display: block;
    }

    .flex-item {
        display: block;
    }
}

/* -----------------------------------------------------------------------
SOM MD HEADER
----------------------------------------------------------------------- */
.som-md-header-container {
    background: white url("md-imgs/md-header-bg.jpg") top center no-repeat scroll;
    background-size: cover;
    padding-top: 10px;
    padding-bottom: 20px;
}

.som-md-header-statement {
    font-size: 1.2em;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 992px) {
    div.som-md-header-picture-right {
        visibility: hidden;
    }


}
/* -----------------------------------------------------------------------
SOM MD Admissions
----------------------------------------------------------------------- */
.som-md-admission-container {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: white;
}

.md-admission-btn-container {
    padding: 10px;
}

.md-admission-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 180px;

    border-radius: 6px;
    border: 3px solid #d8ab4c;
    margin-top: 10px;
    margin-bottom: 10px;
    transition: 0.5s ease-in;

}

.md-admission-btn:hover {
    background-color: #d8ab4c;
    text-decoration: none;
}

.md-admission-btn-text {
    font-size: 2.2em;
    font-weight: bold;
    flex: 2;
    text-transform: uppercase;
    color: #707070;
    padding-left: 15px;
    z-index: 5;
}

.md-admission-btn:hover .md-admission-btn-text{
    color: black;
    transform: scale(1.05);
}

.md-admissions-btn-icon {
    flex: 1;
    padding-top: 65px;
    padding-bottom: 65px;
    padding-left: 25px;
    padding-right: 25px;
    background-color: #d8ab4c;
    border-radius: 90px / 170px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    position: absolute;
    right: 12px; /* compensate for padding right 10px */
    transition: .5s ease-out;
}

.md-admissions-btn-icon-value {
    color: white;
    font-size: 3em !important;
}

.md-admission-btn:hover .md-admissions-btn-icon-value{
    color: black;
    transform: scale(1.1);
}

.md-admission-btn:hover .md-admissions-btn-icon{
    background-color: white;
    color: black;

}

/* -----------------------------------------------------------------------
SOM MD Admissions Tracker
----------------------------------------------------------------------- */

.som-md-admission-tracker-container {
    padding-top: 15px;
    padding-bottom: 20px;

}

.som-md-number-value {
    font-size: 2em;
    font-weight: bold;
}

.som-md-number-title a:hover {
    color: #0A246A;
}

/* -----------------------------------------------------------------------
SOM MD Why Vanderbilt
----------------------------------------------------------------------- */

.som-md-why-vu-container {
    background: black url("md-imgs/md-why-vanderbilt-bg.jpg") top center no-repeat scroll;
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 20px;
}

.som-md-why-vu-content-container {
    margin-top: 15px;
    padding-bottom: 25px;
}

.md-why-vu-item {
    position: relative;
}

.md-why-vu-item a {
    display: block;
}

.md-why-vu-item-text {
    position: absolute;
    background-color: black;
    opacity: 0.8;
    color: white;
    display: block;
    width: 100%;
    bottom:50px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    font-size: 3em;
}

.md-why-vu-item a:hover .md-why-vu-item-text{
    background-color: #d8ab4c;
    color: black;
    opacity: 1;
}


/* -----------------------------------------------------------------------
SOM MD MyVUSM
----------------------------------------------------------------------- */

.som-md-myvusm-container {
    background-color: white;
    padding-top: 15px;
    padding-bottom: 25px;
}

a.som-md-blog-feature-item-link-container {
    display: block;
}

/*a.som-md-blog-feature-item-link-container:hover {*/
/*text-decoration: none !important;*/
/*color: black;*/
/*}*/

.som-md-myvusm-title {
    border-bottom: 1px solid #d8ab4c;
}

.som-md-blog-item-title-link {
    color: #006682;
    font-size: 1.1em;
}

.som-md-blog-item-title-link:hover {
    text-transform: none;
}

.som-md-myvusm-tag-type {
    font-size: 1.1em;
    font-weight: lighter;
    border-bottom: 3px solid #d8ab4c;
}


.som-md-blog-feature-item-pic-container {
    position: relative;
}

.som-md-blog-feature-item-title {
    position: absolute;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    bottom: -10px;
    background-color: #d8ab4c;
    color: black;
    opacity: 0.8;
}

.som-md-blog-feature-item-text-container {
    border: 1px solid #d8ab4c;
    padding: 10px;
}

/* -----------------------------------------------------------------------
SOM MD Ambassadors
----------------------------------------------------------------------- */

.som-md-ambassadors-container {

    background: black url("md-imgs/md-ambassador-bg.jpg") top center no-repeat scroll;
    background-size: cover;
    padding-top: 15px;
    padding-bottom: 25px;
}

.som-md-ambassador-student-text-container {
    border-radius: 4px;
    border: 2px solid white;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.som-md-ambassador-student-text-container a{
    color: white;
    font-weight: bold;
}

/* -----------------------------------------------------------------------
SOM MD Contact
----------------------------------------------------------------------- */

.som-md-contact-container {
    background-color: #d8ab4c;
    padding-top: 25px;
    padding-bottom: 25px;
}

a.som-md-black-contact-btn {
    font-size: 0.7em;
    float: right;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .som-md-contact-container {
        text-align: center;
    }

    a.som-md-black-contact-btn {
        margin-top: 20px;
        float: none;
    }

}


/* -----------------------------------------------------------------------
SOM MD Gate Way
----------------------------------------------------------------------- */

.som-link-box {
    border: solid 1px #d8ab4c;
    border-radius: 4px;
    background-color: #fafafa;
    margin-top: 5px;
    margin-bottom: 5px;
}

h3.som-link-box-title {
    background-color: #d8ab4c;
    background-image: linear-gradient(120deg, #fff 80%, #d8ab4c 20%);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-bottom: 1px solid #d8ab4c;
    margin-top: 0px;
    border-radius: 4px 0px 0px 0px;

}

.bg-inverse {
    background-image: linear-gradient(120deg, #d8ab4c 80%, #fff 20%) !important;
    color: black !important;
}

.som-link-box-list {
    margin-left: 10px;

}

.som-link-box-list li {
    margin-bottom: 5px;

}

.som-link-box-list li a {
    border-bottom: none !important;
    font-weight: 500;
}

.som-link-box-bottom-link {
	font-size: 1em !important;
    padding-left: 20px !important;
    padding-top: 10px;
    border-top: 1px solid #d8ab4c;
}

.som-link-box-bottom-link a {
    border-bottom: none !important;
    font-size: 1.2em;
}

.som-link-big-btn {
    font-size: 1.2em;
    white-space: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 2px #d8ab4c !important;
    margin-bottom: 20px;
}

.som-link-big-btn:hover {
    background-color: #d8ab4c;
}

.border-green {
    border-color: #28a745 !important;
}

.bg-gr-green {
    background-image: linear-gradient(120deg, #fff 80%, #28a745 20%) !important;
}

.bg-gr-green-inverse {
    background-image: linear-gradient(120deg, #28a745 80%, #fff 20%) !important;
    color: white !important;
}

.border-bt-green {
    border-bottom-color: #28a745 !important;
}

.border-t-green {
    border-top-color: #28a745 !important;
}

.border-cyan {
    border-color: #17a2b8 !important;
}

.bg-gr-cyan {
    background-image: linear-gradient(120deg, #fff 80%, #17a2b8 20%) !important;
}

.bg-gr-cyan-inverse {
    background-image: linear-gradient(120deg, #17a2b8 80%, #fff 20%) !important;
    color: white !important;
}

.border-bt-cyan {
    border-bottom-color: #17a2b8 !important;
}

.border-t-cyan {
    border-top-color: #17a2b8 !important;
}

.border-red {
    border-color: #dc3545 !important;
}

.bg-gr-red {
    background-image: linear-gradient(120deg, #fff 80%, #dc3545 20%) !important;
}

.bg-gr-red-inverse {
    background-image: linear-gradient(120deg, #dc3545 80%, #fff 20%) !important;
    color: white !important;
}

.border-bt-red {
    border-bottom-color: #dc3545 !important;
}

.border-t-red {
    border-top-color: #dc3545 !important;
}

.border-blue {
    border-color: #4c74d8 !important;
}

.bg-gr-blue {
    background-image: linear-gradient(120deg, #fff 80%, #4c74d8 20%) !important;
}

.bg-gr-blue-inverse {
    background-image: linear-gradient(120deg, #4c74d8 80%, #fff 20%) !important;
    color: white !important;
}


.border-bt-blue {
    border-bottom-color: #4c74d8 !important;
}

.border-t-blue {
    border-top-color: #4c74d8 !important;
}

.md-relate-link-container {
    padding-top: 5px;
    background-color: #fbf7eb;
    border-radius: 6px;
    padding-left: 5px;
    padding-right: 5px;
}