body {background: transparent;}
form {margin: 0;padding: 0;}
#jacket {background: transparent;}
.sitetitle {padding-top: 40px;font-size: 30pt;}

.cvmheader {background: #000;color: #fff;}
.cvmheader header {width: 1138px;margin-left: auto;margin-right: auto;padding-left: 200px;}
#toolbar {font-size: 9pt;padding-top: 30px;float: left;}
#toolbar a:link, #toolbar a:visited {color: #ffffff;padding-bottom: 18px;margin-right: 20px;}
#toolbar a:hover, #toolbar a:active {color: #ffffff;border-bottom: 4px solid #ffffff;}
.clear {clear: both;}

.newsentries {padding: 10px;margin-right: 0;}
.articlebody {background: white;width: 97%;max-height: 330px;color: black;padding: 5px;overflow-y: auto;border: 1px solid #eff0f1;}
.articleEntry {padding: 0 0 10px 5px;border-bottom: 1px solid #ccc;}

.homestyle {color: #5f6a71;font-weight: lighter;font-size: 16pt;font-family: sans-serif;text-transform: uppercase;border-left: 5px #981e32 solid;margin: 10px 0 20px 0;padding: 0 0 0 15px;}
.homesearch {width: 280px;}

.homebutton a.quicklink {max-width: 300px;min-width: 227px;height: 60px;margin-bottom: 10px;color: white;padding: 5px 3px 5px 10px;display: block;border-radius: 10px;}
.homebutton a.quicklink:hover {background: #b5babe;color: #981e32;}
.homebutton h3 {font-size: 14pt;padding: 10px 0 4px 0;}
.homebutton h4 {font-size: 11pt;padding: 8px 0 3px 0;font-weight: lighter;font-family: 'arial narrow', Arial, sans-serif;line-height: 11pt;}

.homeApply {background: #981e32;}
.homeAlumni {background: #5e6a71;}
.homeHospital {background: #2f5055;}
.homeGive {background: #6d441f;}

/*Flex Slider Styles ------------*/
.flexslider-container{width: 100vw;background-color: #cccccc;max-height: 600px;overflow: hidden;}
.flexslider {margin: 0;padding: 0;width: 100%;height: 100%;border: 0px;overflow: hidden;}
ul.slides {margin: 0;padding: 0;}
.flexslider li {padding: 0;}
.flexslider .slides{background-color: #ffffff;}
.flexslider .slides > li {background-position: center;height: 100%;width: 100%;display: none; -webkit-backface-visibility: hidden;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.flexslider-container, .flexslider .slides{height: 100%;}
.flexslider .slides img, .flexslider .slides video {overflow-x: hidden;overflow-y: hidden;max-width: 1386px;}
ul.flex-direction-nav {height: 0;}
.flexslider .slides li {position: relative;line-height: 1.5em;}

/* Additions to flex slider (top of home page) ------------*/

.splash-caption {position: absolute;left: 8%;top: 80%;z-index: 1;padding: 15px;text-align: left;color: #fff;text-shadow: 0px 0px 7px #fff;font-size: 3.5vw;}
.splash-caption-headline {color: #fff;font-weight: bold;text-shadow: 0px 0px 7px #000;}
.splash-caption-hide {font-size: 16pt;text-shadow: 0px 0px 3px #000;padding-top: 10px;}
/* Not used ------------*/
a.splash-read-more:link {color: white;font-size: 10pt;background: rgba(0, 0, 0, .35);padding: 5px;border: solid 1px white;margin-top: 10px;display: block;transition: .3s all;float: left;white-space: nowrap;text-shadow: none;}
a.splash-read-more:hover {color: black;background: white;transition: .3s all;}

/* GENERAL ------------*/
.flex-caption {position: absolute;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.7);z-index: 1;padding: 15px;text-align: left;color: #fff;}
.caption-hide {padding-bottom: 4px;}
.flex-direction-nav a:before {line-height: 1;}
.flex-caption-headline {color: #eddccc;font-weight: bold;}
.flex-caption a {color: white;font-size: smaller;background: rgba(0, 0, 0, .35);padding: 5px;border: solid 1px white;margin-top: 10px;display: block;transition: .3s all;float: left;white-space: nowrap;}
.flex-caption a:hover {color: black;background: white;transition: .3s all;}
.flex-control-nav {z-index: 15;bottom: 0px;}
.flex-control-paging li a {background: #5e6a71 !important;border: 2px solid #d5d5d5;}
.flex-control-paging li a.flex-active {background: #981e32 !important;}
.featuredslider .flex-control-nav {bottom: 5px;}
.featuredslider {height: auto;width: 100%;}
/*End Flex Slider settings*/

.seeAll {text-align: center;display: block;bottom: 5px;width: 100%;position: absolute;color: #981e32 !important;padding-bottom: 5px;}
.featuredarticle {padding-left: 10px;}
.featuredarticle ul {padding-left: 10px;}

#navcenter {padding: 0 1em 1em 1em;font-size: 8pt;}
#navcenter .navcontent {max-width: 1245px;margin: 0 auto;padding: 30px 0;}
.navcontent ul {padding-bottom: 0;}
#navcenter nav ul {padding-right: 0;}
#navcenter nav #popularLinks {width: 135px;float: left;margin-right: 10px;}
#navcenter nav #departments {width: 290px;float: left;margin-right: 10px;}
#navcenter nav #centerLinks {width: 290px;float: left;margin-right: 10px;line-height: 12pt;}
#navcenter nav #academicLinks {width: 200px;float: left;margin-right: 10px;line-height: 12pt;}
#navcenter nav #researchLinks {width: 280px;float: left;margin-right: 10px;line-height: 12pt;}
#navcenter h3 {color: #5f6a71;font-weight: lighter;font-size: 14pt;font-family: sans-serif;text-transform: uppercase;border-left: 5px #981e32 solid;margin: 10px 0 20px 0;padding: 0 0 0 15px;}
#navcenter h3 a {color: #5f6a71;}

#tagfooter {color: white;font-size: 12pt;text-align: center;display: block;font-weight: initial;background: #2f5055;padding: 10px 0;font-weight: lighter;}
.cvmfooter {background: #2f5055;color: white;margin: 50px 0 0 0;padding: 30px 0;}
.cvmfooter footer {max-width: 1100px;margin: 0 auto;}
.cvmfooter footer .cvmdescription {float: left;max-width: 600px;padding: 10px 20px 10px 50px;}
#cvmlogo {float: left;max-width: 300px;padding-left: 10px;}

.profileSection {padding: 10px 20px 10px 0px;}
.profileSection h2 {padding-left: 10px;}
.home-profiles {width: 95%;position: relative;background-size: contain;background-repeat: no-repeat;margin-left: 20px;}
.home-profiles:before {content: "";display: block;padding-top: 52%;}
.home-profiles .home-ghost-btn {text-align: center;bottom: 3px;}
.home-profiles .home-ghost-btn a {position: absolute;bottom: 5px;right: 10px;color: white;font-size: smaller;background: rgba(0, 0, 0, .35);padding: 5px;border: solid 1px white;display: block;width: 75px;transition: .3s all;}
.home-profiles .home-ghost-btn a:hover {color: black;background: white;transition: .3s all;}

.gsc-search-button input {box-sizing: inherit;-webkit-box-sizing: inherit;-moz-box-sizing: inherit;}
.featuredslider img {width: 100%;}
.spine-footer.looseleaf:after, .spine-footer.looseleaf:before {clear: both;}

.sitetitle {font-size: 16pt;padding-top: 28px;padding-bottom: 22px;padding-right: 50px;float: left;}
.MoreInfo {padding-left: 20px;font-weight: bold;text-transform: uppercase;line-height: 15px;}

/* RESPONSIVE -------------------*/
@media screen and (min-width: 1386px) {
     /* styles below here fix headline in place under the WSU badge when in WIDE-MODE*/
    .splash-caption{font-size: 36pt;border: 0px solid #000;width: 1386px;bottom: 75px !important;left: inherit;top: inherit;left: 0;right: 0; margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 1180px) {
    .cvmheader header {height: 97px;}
    .sitetitle {float: none;padding-bottom: 8px;}
    #toolbar {float: none;padding-top: 0px !important;}
    #toolbar a:link, a:visited {padding-bottom: 15px;margin-right: 20px;}
}
@media screen and (max-width: 989px){
    .cvmheader header {padding-left: 30px !important;width: 100% !important;text-align: center;}
    .sitetitle {float: none;padding-top: 63px;font-size: 19px;white-space: nowrap;}
    #toolbar {display: none;}
    .homeApply h4 {padding: 0px;}
    .homeHospital h4 {padding: 0px;}
    #binder main{margin-top: 0px !important;}
}
@media screen and (max-width: 800px) {
    .caption-hide {display: none;height: 0;}
    .flex-caption a {position: relative;top: -20px;}
    .flexslider .slides img, .flexslider .slides video {width: 100vw;height: auto;}
    .moreContent {display: none;}
    .profileSection .homestyle {margin-left: 10px;padding-left: 15px;}
}

@media screen and (max-width: 694px) {
    .flexslider{height: 300px;}
    .featuredslider .flex-control-nav {display: none;}
    .newsentries {height: inherit;}
    .seeAll{margin-top: 10px;position: inherit !important;}
    .homeApply h4 {padding: 8px 0px 3px 0px !important;}    
}
@media screen and (max-width: 480px) {
    .splash-caption{left: 2%;top: 80%;}
    .splash-caption-headline {font-size: 14pt;}
    .sitetitle {padding-top: 0px;font-size: 18pt;margin-left: -15px;padding-top: 63px;font-size:16pt;}
    .featuredslider p.flex-caption {background: inherit;}
    .featuredslider p.flex-caption .flex-caption-headline {display: none;}
    .cvmfooter {padding-left: 10px;}
    #navcenter nav #popularLinks, #navcenter nav #academicLinks, #navcenter nav #centerLinks, #navcenter nav #departments, #navcenter nav #researchLinks {width: 100%;font-size: 11pt;}
    #navcenter nav ul li {line-height: 2em;}
    #cvmlogo {width: 250px;}
    .cvmdescription {width: 200px;}
    .MoreInfo {padding-top: 10px;padding-left: 30px;padding-bottom: 30px;}
    .sitetitle {margin-left: 0;text-align: center;}
}