/* -----------------------------------------------------------------------
Vanderbilt University Stylesheet
Digital Strategies (web.vanderbilt.edu)
as.vanderbilt.edu homepage
----------------------------------------------------------------------- */
@import url('https://van.preservation.mirrorweb.com/public/20250530103301cs_/https://fonts.googleapis.com/css?family=Rosario:700');
@import url('https://van.preservation.mirrorweb.com/public/20250530103301cs_/https://fonts.googleapis.com/css?family=Source+Sans+Pro:200');

#maincontent, #vu-slider { margin: 0; padding: 0;  } 

.homenews { background: #D8AB4C url('/public/20250530103301oe_/https://as.vanderbilt.edu/images/GoldBG.jpg') !important; background-size: cover !important; padding:60px 0px; }
.homenews h3 a:link, .homenews h3 a:visited { color: #000; border: 0; text-decoration: none; } 
.homenews h3 a:hover { color: #FFF; }

.hometwitter { padding-left: 25px; }

.homealert { margin:0; font-size: 1.4em; padding: 30px 0; text-align: center; }

.vu-main-content .homemessage { padding: 20px 0 30px 0; }
.vu-main-content .homemessage h3 { border: 0; padding: 0; color: #333; }

.gradnews h4 { font-weight: 100 !important; font-size: 2em; text-transform: uppercase; color: #FFF; } 
.gradnews h4 a { color: #FFF !important; border: 0 !important;  }
.gradnews .newsitem { min-height: 130px; margin: 0; padding: 0 20px 10px 0; line-height: 1.3em !important; font-size: 1.1em; border: 0 !important;  }
	.gradnews .newsitem img { float: left; margin: 0px 10px 15px 0px; background: #FFF;  border: 1px solid #FC6;}
	.gradnews .newsitem a { border: 0 important; display: block; margin: 0; padding: 5px; text-decoration: none;  }
	.gradnews .newsitem a:link, .gradnews .newsitem a:visited { color: #222 !important; border: 0 !important; }
	.gradnews .newsitem a:hover { color: #FFF !important;  }	

.accolades { background: #FFF;  padding: 20px 0px 40px 0px; border-top: 3px dotted #D8AB4C;  border-bottom: 3px dotted #D8AB4C; }
    .accolades h2 { color: #444; font-size: 8em;  text-align: center;  background: none; border: 0;font-family: 'Rosario', sans-serif !important;  }
    .accolades h2 span { font-size: 80%; }
    .accolades h3 { color: #666; font-size: 1.5em; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 100; }
    .accolades a:link, .accolades a:visited { color: #FFF; }
    .accolades a:hover { color:#333; }

.accolades-new { background: #FFF;  padding: 20px 0px 40px 0px; border-bottom: 3px dotted #D8AB4C; }
    .accolades-new h2 { font-family: 'worksansextrabold', sans-serif; color: #000; opacity: 0.7; font-size: 8em; font-weight: 900; text-align: center;  background: none; border: 0; }
    .accolades-new h2 span { font-size: 80%; }
    .accolades-new h3 { color: #666; font-size: 1.5em; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 100; }
    /* .accolades-new a:link, .accolades a:visited { color: #FFF; }
    .accolades-new a:hover { color:#333; } */
	.accolades-new .spotlight { text-align: left; color:#444; font-size: 2.5em; }


.anchordown-block a,
.anchordown-blockwide a {
  height: 100vw;}

@media (min-width: 480px) {
  .anchordown-block a,
  .anchordown-blockwide a {
    height: 50vw; } }

@media (min-width: 768px) {
  .anchordown-block a,
  .anchordown-blockwide a {
    height: 34vw; } }

@media (min-width: 1200px) {
  .anchordown-block a,
  .anchordown-blockwide a {
    height: 650px; } }


.successstory {
padding:0;
padding-left: 2%;
padding-right: 2%;
overflow: hidden;
position: relative;
background-color: #F9F9F9;
}
.successstory .imagebox  {
position: relative;
overflow:hidden;
height: 450px;
}
.successstory img{
position: absolute;
top:-100%; 
left:0; 
right: 0; 
bottom:-100%;
margin: auto;
/* width: 100%;
height: 100%; */
border-radius: 50%;
}

.successstory h3.name {
margin-top: 30px;
font-weight: bold;
font-size: 3.5em;
text-align: left;
color: #D8AB4C;
text-transform: uppercase;
margin-top: -10px;
}
.successstory .degree a, .successstory .degree {
display: block;
color: #444;
font-weight: 100;
font-size: 1.12em;
margin-top: -22px;
letter-spacing: 0.1rem;
}
.successstory .work {
display: block;
color: #444;
}
.successstory blockquote {
border:0;
color: #444;
margin-top: 26px;
font-size: 1.2em;
text-decoration: italic;
}
.successstory blockquote:before{
content:open-quote;
font-family: "Source Sans Pro";
font-weight: 700;
font-size: 6em;
text-transform: italic;
line-height:.25em;
color: rgba(255,255,255,.2);
position: absolute;
left: 0px;
margin-top: 10px;
}

.successstory .more {
float: right;
margin-bottom: 20px;
}

.successstory .more a {
background: rgba(0,0,0,.4);
padding: 12px;
color: #fff;
text-transform: uppercase;
margin: 2px;
}
.successstory .more a:hover {
background: rgba(0,0,0,.7);
text-decoration: none;
}

#events-background h2 { font-weight: 100 !important; font-size: 2.7em; padding-bottom: 15px;  }
.events { margin: 0px auto 0; }

.conversation { background: #000; padding: 40px 0px; }
.conversation p { color: #D8AB4C;font-size: 1.3em; margin: 0 0 7px 0; ; padding: 0; line-height: 1.5em; }
	.conversation p a:link, .conversation p a:visited { color: #EEE; text-decoration: none; border: 0;  }
	.conversation p a:hover { color: #d8ab4c;  }
.conversation img {  margin-bottom: 20px; }
.conversation p a span { color: #D8AB4C; padding-left: 10px; }


/* page-specific mobile tweaks */
@media (max-width: 480px) { 	
	#content { overflow: hidden; }
}

/* -----------------------------------------------------------------------
Program Spotlight
----------------------------------------------------------------------- */
#programs { padding: 40px 0px !important;   }
#programs .navbar-wrapper {
    position: relative;
    top: 13px;
    left: 0;
    right: 0;
}

#programs .navbar-top {
    /*height: 50px;*/
}

#programs .navbar-wrapper .activated {
	color: #fff;
	background-color: #000;
}

.programs .multi-column-dropdown .activated {
	color: #fff;
	background-color: #000;
}

.navbar-collapse {
    /* padding-right: 0;
    padding-left: 0; */
}
		
.programs .carousel-control {
	margin-top: 13px;
}		

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

#programs .programs-ug {
	color: #333;
	font-weight: bold;
}

#programs .programs-grad {
	color: #333;
	font-weight: bold;
}

#programs .programs-ug:hover {
    color: #000;
	background-color: rgb(243, 243, 243);
}

#programs .programs-grad:hover {
    color: #000;
	background-color: rgb(243, 243, 243);
}

#programs-ug, #programs-grad {
	clear: both;
}

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

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

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

.programs .dropdown-menu.columns-4 {
    min-width: 1200px;
}

.programs .dropdown-menu.columns-5 {
    min-width: 1500px;
}

.programs .dropdown-menu.columns-5-grad {
    min-width: 1500px;
}

.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;
	color: #000;
	padding: 3px;
	border-bottom: none;
	font-size: 0.9em;
}

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

.programs h2 {
	color: #000;
	background: none;
	border: none;
	padding: 0;
	border-radius: 8px;
	line-height: 1em;
	margin: 15px 0px;
	font-size: 1.5rem;
}

@media (max-width: 767px) {
    .programs .dropdown-menu.multi-column {
        min-width: 240px !important;
        overflow-x: hidden;
    }
    .programs h1 {font-size: 2em !important; }
    .programs .btn-primary {font-size: 1em; padding: 8px;}
}

@media (min-width: 768px) {

    /* Remove 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('/public/20250530103301oe_/https://as.vanderbilt.edu/images/home/programs-bg-2.jpg');
background-position: center left;
background-size: cover;
width: 100%;
padding: 0;
background-color: #f0ca6f;
margin-top: 1.5em;
}
#programs-beta {
background-image: url('/public/20250530103301oe_/https://as.vanderbilt.edu/images/home/plussignbackground_V1-02.png');
background-color: #333;
}

#programs .navbar-wrapper {background: rgba(255,255,255,.5);}

#programs .navbar-nav {
	margin: 0;
}

/* 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;
}

.programs .carousel-fade .carousel-inner .carousel-inner {
    .item {
        a {
            &:focus {
				&:before {
					background: none !important;
				}
            }
   }
 }
}


/* 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;
}

.carousel-control .glyphicon {
    color: #fff;
    font-size: 70px;
}

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

.programs .carousel-caption {
    background: rgba(0, 0, 0, .5);
    padding: 40px 40px;
    top: 60px;
    text-align: left;
    width: 60%;
	height: auto;
    position: relative;
}

.programs .carousel-caption h1 {
	color: #FFF;
    font-weight: 200;
    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: #FFF;
    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}

.programs #btns-wrapper {
    width:100%;
	display: inline-block;
}

.programs #btns-wrapper .btn{
	margin: 8px;
}

.programs #btns-left {
	float: left;
}

.programs #btns-right {
    float: right;
}

@media (max-width: 480px) {
    #programs .navbar-brand {padding:none;}
    .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{
		color: #fff;
        margin:0px;
        font-size: 2.2em;
    }
    .programs .carousel-caption h1 em {
		color: #fff;
        font-size: .38em;
    }

    .programs .carousel-caption p {
        padding-top: 10px;
        font-size: .95em;
        line-height: 1.4em;
    }
	.nav > li > a {
    	padding: 10px 25px;
		width: 100%;
}
}

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

.programs .programs-nav-menu ul li::before {
    content: none;
	color: none;
	font-weight: 0;
	margin-left: 0;
	position: absolute;
	margin: 0;
}

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

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

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

@media only screen and (max-width: 990px) {
	/* Decrease width of 5 cols for mobile */
	.programs .dropdown-menu.columns-5 {
		min-width: 760px;
	}
	/* Decrease width of 4 cols for mobile */
	.programs .dropdown-menu.columns-5-grad {
		min-width: 750px;
	}
}

@media only screen and (max-width: 1500px) {
	/* Decrease width of 5 cols for mobile */
	.programs .dropdown-menu.columns-5 {
		min-width: 900px;
	}
	/* Decrease width of 4 cols for mobile */
	.programs .dropdown-menu.columns-5-grad {
		min-width: 800px;
	}
}

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

.programs .programs-nav-icon-btn:hover { background: #eee;}

/* --- END PROGRAM SPOTLIGHT --- */


/* --- VIDEO BACKGROUND --- */
	
	#maincontent {
		padding-top: 0;
	}

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

    .background-video #bgv-source {
        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('/public/20250530103301oe_/https://as.vanderbilt.edu/images/home/home-video-background.png');
        background-size: cover;
    }

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

    .background-video img {
        width: inherit;
    }

.background-gradient {

/*z-index: 1;*/
/*
background: #232526;
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)); 
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));
*/
}

    .bgv-text-container {
        height: 600px;
        /*z-index: 2;*/
    }



    .bgv-text-container div {
        display: block;
        position: absolute;
        width: auto;
        margin: auto;
        height: 30%;
        /* top: 92%; */
        left: 0;
        bottom: 0;
        right: 0;
		border-bottom: none !important;
        /*
        height: 100px;
        margin-top: -50px;
        */

    }

	.bgv-text-container a:visited, .bgv-text-container a:active, .bgv-text-container a:hover {
		text-decoration: none;
        border-bottom: none;
    }

    h1.bgv-header-text {
        color: #fff ;
        font-size: 4em ;
        /* line-height: 1.4em ; */
        text-align: center ;
		text-shadow: 0px 0px 9px #000;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 300 ;
        border-bottom: 3px solid #d8ab4c;
		text-align: left;
		margin: 0 !important;
    }

    h1.bgv-header-text span {
        font-weight: 600; 

    }

	p.sub-header-text {
    text-align: left;
    margin-top: 0px;
    margin-left: 100px;
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 50px;
    padding-top: 10px;
	margin: 0 !important;
   }

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

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

    @media screen and (min-width: 1300px){
        .bgv-text-container div {

            width: 90%;

        }
    }

    @media screen and (min-width: 600px){
        h1.bgv-header-text {

            font-size: 2em ;

        }
		.bgv-text-container div {

            width: 90%;

        }
    }

	@media screen and (max-width: 600px){
        h1.bgv-header-text {

            font-size: 2em ;

        }
		.bgv-text-container div {

            width: 90%;

        }
    }



@media screen and (max-width: 500px){
    .carousel-inner p.quotetext { padding-left: 0px; }
    }

    @media screen and (min-width: 801px){
        h1.bgv-header-text {

            font-size: 4em ;

        }
    }


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

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


        .background-video {
            background-image: url("/public/20250530103301oe_/https://as.vanderbilt.edu/images/home/home-video-background.png") !important;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .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+ */

        }

    }
/* --- END OF VIDEO BACKGROUND --- */