/* Responsive Pages - Branch specific styles */

/* Release 6.1 updates - 1/13/17 SKB */

/* Update 12/07/18 Cesar - sub-brand modifications */

@media (max-width:451px) {
	.navbar-default .navbar-brand {
    	width: 85%;
		font-size: .95em;
	}
}
.wordmark-sub {
	width: 39%;
}
/* end Release 6.1 updates - 1/13/17 SKB */

.blue-bg { background-color: #002855;color: #fff; }
.gold-bg { background-color: #DAAA00;color: #333; }
.red-bg { background-color: #BA0C2F;color: #fff;}
.orange-bg { background-color: #ED8B00;color: #fff;}
.lt-green-bg { background-color: #78BE20;color: #fff;}
.green-bg { background-color: #3B7D1C;color: #fff;}
.lt-blue-bg { background-color: #00B5E2;color: #fff;}
.teal-bg { background-color: #008EAA;color: #fff;}
.purple-bg { background-color: #642667;color: #fff;}
.evergreen-bg { background-color: #00573F;color: #fff;}
.gray-blue-bg { background-color: #5B7F95;color: #fff;}
.gray-bg { background-color: #B1B3B3;color: #333;}
.brown-bg { background-color: #4F2C1D;color: #fff;}

.blue-top { background-color: #002855; padding-top: 4px;}
.gold-top { background-color: #DAAA00; padding-top: 4px;}
.red-top { background-color: #BA0C2F; padding-top: 4px;}
.orange-top { background-color: #ED8B00; padding-top: 4px;}
.lt-green-top { background-color: #78BE20; padding-top: 4px;}
.green-top { background-color: #3B7D1C; padding-top: 4px;}
.lt-blue-top { background-color: #00B5E2; padding-top: 4px;}
.teal-top { background-color: #008EAA; padding-top: 4px;}
.purple-top { background-color: #642667; padding-top: 4px;}
.evergreen-top { background-color: #00573F; padding-top: 4px;}
.gray-blue-top { background-color: #5B7F95; padding-top: 4px;}
.gray-top { background-color: #B1B3B3; padding-top: 4px;}
.brown-top { background-color: #4F2C1D; padding-top: 4px;}

.flexslider .slide-caption h1 {
    text-transform: none;
}

/* landing page cards */
.landing-card,
.resource-card {
    margin-bottom: 20px;
}
.landing-card {
	display: block;
	transition: opacity ease 0.3s;
}
.landing-card:hover {
	text-decoration: none;
	box-shadow: 0px 0px 5px #ccc;
}
.card-content {
	padding-top: 5px;
	height: 100%;
}
.card-content img {
	width: 100%;
	opacity: 0.5;
	transition: opacity ease 0.3s;
}
.card-text {
	padding: 12px 10px;
	margin: 0;
}

.gray-card .card-text {background-color: #f2f2f2;}
.gray-card h4 {color:#335379;}
.gray-card p {color: #002855;}

.lightblue-card .card-text {background-color: #e2fcfd;}
.lightblue-card h4 {color:#335379;}
.lightblue-card p {color: #002855;}

.lightgold-card .card-text {background-color: #fdf8e2;}
.lightgold-card h4 {color:#335379;}
.lightgold-card p {color: #002855;}


.landing-card:hover .card-content img {opacity: 1;}

/* landing page cards */
.landing-cards .row {
	margin-right:-5px;
}
.landing-cards .col-33percent-sm {
	padding-right:0px;
}


/* distinction/giving header */
#topbanner .hero-image {
	max-width:1280px;
	margin:0;
	position:relative;
}
#topbanner .hero-image img {
	max-width:100%;
	height:auto;
}
.hero-image-caption {
	margin:0;
	padding:0;
	text-align:left;
	max-width:1280px;
	width:100%;
}
.hero-image-caption h1 {
	margin: 0 auto;
	padding: 0 20px;
	color: #fff;
	font-weight:500;
	text-shadow: 0px 0px 3px #333;
}

/* distinction/giving sidenav */
.distinctions-menu ul {
	list-style: outside none none;
	list-style-image:none;
	text-align:center;
	font-size:1.1em;
}
.distinctions-menu ul li {
	margin:15px 0;
	background-color:#002855;
	border:1px solid #335379;
	padding:10px 0;
	border-radius: 3px;
	transition: all 0.3s ease;
}
.distinctions-menu ul li a {
	color: #fff;
	text-decoration: none;
}
.distinctions-menu ul li:hover,
.distinctions-menu ul li:focus,
.distinctions-menu ul li:active {
	background-color:#335379;
	border: 1px solid #002855;
}
.sidebar .panel-body .distinctions-menu ul li {
	background-image:none;
	padding-left:0;
}

/* newsroom headers */
.newshead {
    color: #335379;
    margin: 0px 0px 20px 0px;
    text-transform: uppercase;
    background-color: #ccd4e0;
    border: 1px solid #b2bdcf;
    padding: 5px 10px 4px 10px;
    border-radius: 2px;
    transition: all 0.5s ease 0s;
    }

/* lt blue panels */
#content .panel-variation {
    border-color: #b2bdcf;
}
#content .panel-variation > .panel-heading {
    color: #335379;
    background-color: #ccd4e0;
    border-color: #b2bdcf;
}
#content .panel-variation > .panel-heading a:hover, #content .panel-variation > .panel-heading a:focus {
    background-color: #9DABC0;
    display: block;
    padding: 7px 15px;
    margin: -7px -15px;
}

/* teal tabs */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #00829b;
    background-color: #C8DEE6;
    border-color: #7CB9CC #7CB9CC transparent;
    text-decoration: none;
}
.tab-primary > li > a {
    border-left: 1px solid #7CB9CC;
    border-right: 1px solid #7CB9CC;
    border-top: 1px solid #7CB9CC;
    background-color: #00829b;
    color: #fff;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #7CB9CC;
    text-decoration: underline;
}
.tab-content {
    padding: 20px;
    border-left: 1px solid #7CB9CC;
    border-right: 1px solid #7CB9CC;
    border-bottom: 1px solid #7CB9CC;
    margin-bottom: 20px;
}

/* float margins */
.right_top {margin: 0 0 16px 16px;}
.left_top {margin: 0 16px 16px 0;}
.photo_caption_top_right {
	width: 300px;
	margin: 0 0 16px 16px;
	float: right;
}
.photo_caption_top_left {
	width: 300px;
	margin: 0 16px 16px 0;
	float: left;
}
.photo_caption_top_right img,
.photo_caption_top_left img {width: 100%;}

#content a[href^="mailto"] {white-space: nowrap;}
#content tr {vertical-align: top;}

a.btn {
    color: #fff !important;
    background-color: #00829B;
    border-color: #00829B;
    transition: all 0.3s ease 0s;
    padding: 8px 25px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	text-decoration: none;
}
a.btn:hover {
	text-decoration: none;
    background-color: #2396B2;
}

#content #nursing_latest-happenings_1 {
    height: auto !important;
    display: block !important;
}

/* footer social media icons - added 1/11/17 Release 6.1 */

footer .socialmedia img {
    width: 100%;
}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
  content: '';
  display: table;
}
.clear:after,
[class*="content"]:after,
[class*="site"]:after {
  clear: both;
}

@media (min-width: 600px) {
	.hero-image-caption {
	 	left:0;
		position:absolute;
		bottom:5%;
	}
}

@media (min-width: 600px) and (max-width:959px) {
	.hero-image-caption h1 {font-size:1.8em;}
}
@media (min-width:960px) and (max-width: 1149px) {
	.hero-image-caption h1 {font-size:2.3em;}
}
@media (min-width:1150px){
	.hero-image-caption h1 {font-size:2.5em;}
}

@media (max-width: 600px) {
	.admission-statement {width: 100% !important;}
	.hero-image-caption h1 {
	    text-align: center;
	    font-size: 1.7em;
	    padding: 20px 30px;
	    letter-spacing: 0;
	    text-shadow: none;
	    margin: 0;
	    font-weight: 200;
	    background: #ccd4e0;
	    color: #1a3e68;
	    border-bottom: 1px solid #b2bdcf;
	}
	.card-content img {
		width: 33%;
		float: left;
		margin: 0px 16px 0px 0px !important;
	}
	#content .panel-body .col-33percent img {
		max-width: 50%;
		float: left;
		margin: 0px 16px 0px 0px;
	}
}

@media (min-width: 600px) {
	  #content .panel-body .col-16percent,
	  #content .panel-body .col-25percent,
	  #content .panel-body .col-33percent,
	  #content .panel-body .col-42percent,
	  #content .panel-body .col-50percent,
	  #content .panel-body .col-58percent,
	  #content .panel-body .col-66percent,
	  #content .panel-body .col-75percent,
	  #content .panel-body .col-83percent {
	  	float: left;
	  }

	  #content .panel-body .col-16percent {width: 16.666666666666664%;}
	  #content .panel-body .col-25percent {width: 25%;}
	  #content .panel-body .col-33percent {width: 33.33333333333333%;}
	  #content .panel-body .col-42percent {width: 41.66666666666667%;}
	  #content .panel-body .col-50percent {width: 50%;}
	  #content .panel-body .col-58percent {width: 58.333333333333336%;}
	  #content .panel-body .col-66percent {width: 66.66666666666666%;}
	  #content .panel-body .col-75percent {width: 75%;}
	  #content .panel-body .col-83percent {width: 83.33333333333334%;}
	  #content .panel-body .col-100percent {width: 100%;}
}

/* Adding 5-column for landing cards */
@media (min-width: 600px) {
  #content .panel-body .col-20percent {
    float: left;
  }

  #content .panel-body .col-20percent {width: 20%;}
}
.col-20percent {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
/* End Adding 5-column for landing cards */