/* -----------------------------------------------------------------------
Vanderbilt University Stylesheet
University Web Communications (web.vanderbilt.edu)
SHARED STYLES OVERRIDES
----------------------------------------------------------------------- */

.header-background {
    background: #000 url("images/vuheader-bg-1x.jpg") top center; background-size: cover;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3 / 2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    .header-background {
        background-color: #000;
		background-image: url("images/vuheader-bg-2x.jpg");
        background-size: cover;
        text-shadow: 1px 1px 6px #111;
    }
}


.carousel-indicators { opacity: 0.3; }
.vu-slider__caption h3 {font-weight: 200; }
.vu-slider__caption h3 span { font-weight: 500; }


#front-buttons li { font-size: 1.5em; text-align: center;  margin-bottom: 10px;  }

.frontnews img {float: left; margin: 0 10px 20px 0 !important;}
.redtext-button { padding: 10px; background-color: #ffffff; border: 2px solid #000; color: #F00; font-size: 1.2em !important; }
.redtext-button a{ color: red; text-decoration: none; font-weight: bold; border-bottom: none; }
.yellow-button { padding: 10px; background-color: #ffff66; border: 2px solid #000; color: #000; font-size: 1.2em !important; font-weight: bold; }
.yellow-button a { color: #000; font-weight: bold; text-decoration: none; border-bottom: none; }
.alertbox { background: #C00; padding: 15px; color: #FFF !important; }
.alert-gray4 { border: 1px solid #ECECEC; margin-bottom: 10px; padding: 10px; }
.alert-gray4 a { font-weight: bold !important; }
.boxed { background: #FAFAFA; border: 1px solid #ECECEC; padding: 15px; }

/*Software Store styles*/
.vuitss {color: #FFF !important;background: #993D1B;margin-bottom:1em;padding: 10px;text-align: center;font-size: 1.2em;line-height: 1.8em;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;}
.vuitss a:link, .vuitss a:visited {color: #FFF !important;text-decoration: none;}

.third-box-link {
	display: block;
	padding: 20px 0;
	text-align: center;
	color: #fff !important;
	font-size: .85em;
	text-decoration: none;
	width: 30%;
	margin: 10px 5% 10px 0;
	float: left;
	background: #0f5966;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.third-box-link:last-child {
	margin: 10px 0;
}
.third-box-link:hover {
	color: #fff;
	text-decoration: none;
	background: #082c33;
}
.third-box-link-first {
	margin-left: 18%;
}

img.img50 {width: 50%;}
img.img60 {width: 60%;}
img.img70 {width: 70%;}
img.img80 {width: 80%;}
img.img90 {width: 90%;}
table.table50 {width: 50% !important;}

/* Tech Hub move in styles */
h1.intro {font-size: 4em; font-family: Arial, Helvetica, sans-serif; margin-bottom: .1em;}
h2.intro {font-size: 2em; font-family: Arial, Helvetica, sans-serif; margin-bottom: 1em;}
h3.intro { font-size: 2em; font-family: Georgia,Times, serif; color: gray; }
h3.intro2 { font-size: 2em; font-family: Arial, Helvetica, sans-serif; color: #000; padding-top: 10px; } 
.box1 {background-color: #ECECEC; border: 2px solid #006682; padding-left: 10px; padding-right: 10px;}
.box2 {background-color: #ECECEC; border: 2px solid #006682; padding-left: 10px; padding-right: 10px;}
.linkcol2 h3 {margin-bottom: 5px;}
.timelist {}
.timelist table {width: 100%;}
.timelist tbody {border: 1px solid #ececec;}
.timelist td {width: 50%; padding: .4em;}
.timelist td.odd {background-color: #ececec;}

/*VU and VUMC Software Store news feeds*/
.newsbox .nav>li>a { position: relative; display: block; padding: 5px 5px; }
.newsbox2 li { font-weight: bold; font-size: 1.2em; list-style-type: none; border-bottom: 1px solid #ececec; margin-top:1em; margin-bottom: 1em; padding: .25em 0 0 0;}
.newsbox2 li a{ border-bottom: none !important; }
.newsbox2 span.feed-date { font-size: .6em; }
.newsbox2 span.feed-desc {font-size:1.2em;}

.dataTables_filter { font-size: 1.3em; text-align: left; font-weight: bold; margin-bottom: 10px; }
.dataTables_filter input { padding: 5px; background: #EAEAEA; border: 1px solid #CCC; width: 200px;  }
.dataTables_info { clear: both; border-top: 1px dotted #CCC; margin-top: 15px; padding-top: 10px; color: #666; width: 100%; float: left;  }

/* Button styles for services*/
.scvs-btn-1 {float: right; padding-left: 10px; padding-right: 10px; font-weight: bold;}
.scvs-btn-1:before, 
.scvs-btn-1:after{ content: " "; display: table;}
.scvs-btn-1:after { clear: both; }


.scvs-btn-1 a {padding-left: 10px; padding-right: 10px; border-bottom: none !important; font-weight: bold;}

.clearboth {clear:both !important;}

/*SerVU button styles*/
.btn-stacked {display: block; margin-bottom: .5em; min-width: 280px;}


/* Front page styles */
h1.letushelp-title { font-size: 60px; color: #4e4e4e; margin-bottom: 15px; border-bottom: none;}
h1.explore { font-size: 60px; margin-bottom: 30px; text-align: center; text-decoration: none; color: #fff; border-bottom: none; }
h1.news-heading { font-size: 60px; margin-bottom: 30px; text-align: left; text-decoration: none; color: #fff; border-bottom: none; text-align: center;}
h1.day-heading { font-size: 65px; margin-bottom: 30px; text-align: center; text-decoration: none; color: #4e4e4e; border-bottom: none; font-weight: 400;}
h1.security-heading { font-size: 60px; margin-bottom: 30px; text-align: center; text-decoration: none; color: #fff;  border-bottom: none; font-weight: 400;}
.letushelp {position: relative; width: 100%; min-height: 398px; padding-top: 40px; padding-bottom: 40px;
  background: url('/images/redesign/8-15-18-v1/campus-optimized-1600x720.jpg');
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.letushelp-inner { padding: 15px 20px 30px 20px; border-radius: 15px; background: url('/images/redesign/7-8-18-v1/white-bkg-80.png') center center repeat; }
.letushelp-inner p { font-size: 2em; line-height: normal; margin-bottom: 33px; }

.icon-phone, .icon-chat { font-weight: bold; color: #d8ab4c; }
.icon-phone { font-size: 20px !important; }
.icon-chat { font-size: 17px !important; }
.icon-consult { font-size: 21px !important; color: #d8ab4c; }
.icon-user { font-size: 90px !important; color: #d8ab4c; }
.icon-project { font-size: 90px !important; color: #d8ab4c; }

.vc { position: relative; width: 100%; min-height: 407px; padding-top: 30px;
  background: url('/images/redesign/8-15-18-v1/turquoise-tech-bkg-2.png') bottom left no-repeat;
  background-size: cover; background-attachment: fixed;
}

.help-img { display: block; max-width: 100%; margin-bottom: 10px; }
.help-button { display: block; width: 100%; margin-bottom: 5px;}
a.help-button, a:link.help-button, a:visited.help-button { color: #000 !important; }
.h100 {width: 100%;}

.searchsection { margin-bottom: 20px; }
.searchsection .searchform { max-width: 80%; margin: auto; padding: 0 15px; }
.searchform form { box-sizing: border-box; }
.searchform input.form-control {color: #000;}
.searchform .input-group-btn>.btn { border-left-width: 0; }
.searchwrap { position: absolute; top: 23%; width: 100%; padding: 30px 0 30px 0; }
.searchsection input { border-top-left-radius: 25px !important; border-bottom-left-radius: 25px !important; color: #000;}
.searchsection button { border-left-width: 0; border-top-right-radius: 25px !important; border-bottom-right-radius: 25px !important; }

.searchform input::-webkit-input-placeholder { color: #474747; }
.searchform input::-moz-placeholder { color: #474747; }
.searchform input:-ms-input-placeholder { color: #474747; }
.searchform input:-moz-placeholder { color: #474747; } 

.quote-block { position: relative; }
.quote-block h3 { font-size: 2.2rem; font-weight: 300; font-style: italic; margin: 0 0 !important; color: #fff; }
.quote-block p { text-align: right; }
.quote-block p.sig { font-size: 1.5em; color: #fff; }
.quote-block img { display: block; float: right; max-width: 20%; margin-top: 20px; }
.quote-icon { font-size: 1.4rem; vertical-align: middle; color: #739294;}

.m-7 {margin-top: 7px !important;}
.m-25 { margin-bottom: 25px; }
.m-75 { margin-bottom: 75px; }

.vc-img { display: block; max-width: 95%; margin-bottom: 10px; }

.middlesection { position: relative; width: 100%; min-height: 325px; padding-top: 25px;
  background: url('/images/redesign/7-8-18-v1/gray-bkg.png') center center no-repeat;
  background-size: cover;
}

.middleicons a, .middleicons a:link, .middleicons a:visited { font-weight: bold; display: block; text-align: center;
  color: #fff !important;
  border-bottom: none !important;
}

.middleicons a:hover { text-decoration: underline; border-bottom: none !important; }
img.middleone { width: 118px; height: 118px; vertical-align: middle; }
img.middletwo { width: 118px; height: 118px; vertical-align: middle; }
img.middlethree { width: 118px; height: 118px; vertical-align: middle; }

.bottomsection { width: 100%; padding: 15px 0; background-color: #fff; }
.bottomsection h3 { margin-bottom: 0 !important; }
.bottom-one img, .bottom-two img { display: block; margin-bottom: 5px; }
.bottom-one { padding: 5px; background-color: #fff; }
.bottom-two { padding: 5px; background-color: #fff; }

.alert-feed { background-color: #fff; }
h2.alert-feed-title { margin-top: 10px; margin-bottom: 5px; border-radius: unset; }

a.more, a.btn.btn-primary.more { float: right; margin: 0px 0 10px 0; padding: 10px; color: #353535; text-transform: uppercase; min-width: 120px;}
a.btn.btn-primary.pull-right, a:link.btn.btn-primary.pull-right, a:visited.btn.btn-primary.pull-right { color: #353535; }

.homepage-outageitem span { font-size: .8em; padding: 3px 5px; color: #999; background: #ececec; }

.security { padding: 20px 0 20px 0; background-color: #212830; }
.security .nav-stacked a, .security .nav-stacked a:focus, .security .nav-stacked a:visited { color: #fff !important; border-bottom: 1px solid #414b56 !important; }

.security .nav-stacked a:hover { color: #212830 !important; }

.day-in-it { position: relative; width: 100%; min-height: 530px; padding-top: 50px; padding-bottom: 20px; 
  background: url('/images/redesign/8-15-18-v1/campus-building-1600x802.jpg') bottom center no-repeat;
  background-size: cover;
}

.day-in-it hr { width: 50%; height: 8px; background-color: #d8ab4c; border-top: none !important;}

h3.day-num { font-size: 4rem !important; margin: 0 0 0 0 !important; text-align: center; color: #5d5d5d !important; }

h4.day-label { font-size: 1.7rem !important; font-weight: 400 !important; margin: 0 0 !important; text-align: center;  color: #5d5d5d !important; }

.icon-user-lg, .icon-project-lg, .icon-email-lg { width: 110% !important; text-align: center; }
.icon-user-lg { font-size: 110px !important; width: 110% !important; text-align: center; color: #d8ab4c; }
.icon-project-lg { font-size: 110px !important; width: 110% !important; text-align: center; color: #d8ab4c; }
.icon-email-lg { font-size: 110px !important; width: 110% !important; text-align: center; color: #d8ab4c; }

section.news { padding: 20px 0 20px 0; background-color: #4a5a5a; }
section.news a.story, section.news a:link.story, section.news a:visited.story { color: #fff !important; border-bottom: none !important;}
section.news img.story-img { display: block; max-width: 100%; margin-right: 10px; }

section.security { padding-bottom: 40px; }

a.blog-link, a:link.blog-link, a:visited.blog-link { font-weight: bold; color: #fff; border-bottom: none !important; }
section.cta { background-color: #193133; width: 100%; padding-top: 20px; border-top: 3px solid #00333a; border-bottom: 3px solid #00333a;}
section.cta img {border: 1px solid #224548;}
span.chat-hours {font-size: .8em;}
.hide{display: none;}

/* End front page styles */



@media only screen and (max-width: 420px) {
	.third-box-link { width: 100%; margin: 10px 0; float: none; }
	.third-box-link-first { margin-left: 0%; }
}
@media only screen and (max-width: 650px) {
	img.img50, img.img60, img.img70, img.img80, img.img90 {width: 100%;}
	table.table50 {width: 100% !important;}
.buttonwrap {width: 100%; margin-left: 0;}
.letushelp {padding-top: 15px; padding-bottom: 15px; min-height: 320px;}
h1.letushelp-title {font-size: 42px;}
.letushelp-inner p {font-size: 1.5em; margin-bottom: 0;}
.quote-block h3 {font-size: 1.5rem;}
h1.explore {font-size: 50px;}
h1.news-heading {font-size: 50px;}
h1.day-heading {font-size: 50px;}
h3.day-num {font-size: 3rem !important;}
h4.day-label {font-size: 1.5rem !important;}
h1.security-heading {font-size: 50px;}
.searchsection .searchform {max-width: 100%; margin: auto; padding: 0 2px;}
section.news a.story, section.news a:link.story, section.news a:visited.story {word-wrap: break-word;}
section.news img.story-img {width: 90%;}

}