/* Strategic plan home and landing page styles - SKB Dec 13 2021 - copied from School of Medicine site custom.css + specific pages */


/* Full width home page style modifications */

.wide-marquee-overlay a,
.wide-marquee-overlay a:hover,
.wide-marquee-overlay a:focus  {
text-decoration:none;
cursor:default;
}

@media (min-width:769px) {
.wide-marquee-overlay {
    background-color: transparent
}

.wide-marquee-overlay h1 {
    font-size:1.6em;

}
}

@media (min-width:1280px) {
.wide-marquee-overlay h1 {
    font-size:2em;
}
.wide-marquee-overlay h2 {
    font-size:1.5em;
}
}

h2.content-wCallout,
hr.content-wCallout-hr-top {display:none}

hr.content-wCallout-hr-bottom {border:0} 

.content-wCallout-text.col-66percent-sm {
    width:100%;
    margin-bottom:32px;
    padding:0;
}

.content-wCallout-box.col-33percent-sm {
    width:100%;
    padding: 24px;
}


.content-wCallout-box h3 {
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .15em;
    color: #4c4c4c;
text-align: center;
font-size: 1.5em;
margin-top: 32px;
margin-bottom: 32px;
}

.content-wCallout-text p {
font-size:1.25em;
}

/* landing page overrides */

section.landingpage .slide-item-caption h1 { font-size: 1.5em }

hr.featurette-divider {display:none}

/* quick links */

.quick-links {
	margin-top:0;
}

.quick-links p {
	font-size:1.125em;
	padding:9px 20px 10px;
	background-color:#E5E9EF;
	font-weight:600;
	 transition: all 0.3s ease 0s;
}

.quick-links p:hover {
	background-color:rgba(204,212,224,.85);
	color:#1a3e68;
}

.quick-links span.glyphicon-chevron-right {
	display:inline;
	line-height:1.4em;
}


/* strategic plan custom styles */

p.large1x {
  font-size:1.125em;
}

.wide-box-grey {
    background-color: #f7f7f7;
    padding: 32px 24px;
    margin-left: -20px;
    margin-right: -20px;
}

.wide-box-grey .vision {
    padding:0 32px;
}

.panel-body .wide-box-grey h2 {
    font-size: 2em;
    font-weight: 600;
}

.wide-box-grey p {
  font-size: 1.375em;
  line-height: 1.4542;
}

.wide-box-grey .btn-lg {
    padding: 16px 36px;
    margin: 16px 0 10px;}

.wide-box-grey .btn-info,
.panel-variation-4 .btn-info {				
	background-color: #033266;
}

@media (max-width:767px) {	 /* NEW */

.wide-box-grey .vision {
    padding:0;
}
}

@media (min-width:530px) {	 /* NEW */
.wide-box-grey {
    padding: 32px;
    margin-left: 0;
    margin-right: 0;
}
}

.panel-body .wide-box-plain h2 {
    font-size: 1.75em;
}
 
.wide-box-plain p.large1x {
    font-size: 1.375em;
}

.wide-box-plain p {
  font-size:1.25em;
}

.link-wrapper img {
  max-width:100%;
}

.link-wrapper img, 
.link-wrapper .btn {
  transition: all 0.3s ease 0s;
}

.link-wrapper:hover img, 
.link-wrapper:hover .btn {
  transform: scale(1.02);
}

.marker::after {
    display: block;
    border-bottom: 5px solid #ffbf00;
    margin: .3em 0 .75em;
    width: 40px;
    content: "";
}

.long-marker::after {
    display: block;
    border-bottom: 5px solid #ffbf00;
    margin: .5em auto 1em auto;
    width: 15%;
    content: "";
}

/* spacing utilities */ 
.mx-auto { margin:0 auto }
.mt-2 { margin-top:4px }
.mt-3 { margin-top:16px }
.mt-4 { margin-top:24px }
.mt-5 { margin-top:32px }
.mb-0 { margin-bottom:0 }
.mb-3 { margin-bottom:16px }
.mb-4 { margin-bottom:24px }
.mb-5 { margin-bottom:32px }
.mb-6 { margin-bottom:48px }

.p-6 { padding:48px }
.pb-1 { padding-bottom:4px }


/* home and landing page full width content include styles */

@media (max-width:991px) {				/* NEW 1/4/22 override for custom nursing styles, line 335 */
#content .panel-body .fullwidth-callout-container .col-25percent,
#content .panel-body .fullwidth-callout-container .col-66percent {
  width:100%;
}
}

.fullwidth-callout-container h2 {
  font-size:1.75em; 
  font-weight:600; 
  padding-bottom:10px;
  color: #1a3e68;
}

.fullwidth-callout-container p { font-size: 1.25em }

.fullwidth-callout-btn {
    font-size: 18px;
    letter-spacing: .03em;
    border: 1px solid #ffbf00;
    background-color: #ffbf00;
    padding: 8px 32px;
    border-radius: 4px;
}

.fullwidth-btn-container {
  transition: all 0.3s ease 0s;
}


.fullwidth-btn-container:hover { transform: scale(1.02) }


section:last-child .fullwidth-callout-container {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 64px;
}
section.full-width-layout .fullwidth-callout-container {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 32px;
}

@media (min-width:767px) {
section:last-child .fullwidth-callout-container {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 64px;
}

section.full-width-layout .fullwidth-callout-container {
    margin-left: -35px;
    margin-right: -35px;
   margin-bottom:24px;
}
}



/* goal listing home and objectives landing pages */

.goal-listing h3 {
 font-size:1.75em; 
font-weight:500; 
text-transform:uppercase; 
margin-bottom:6px;
color:#022851;
}

.goal-listing .eyebrow {
display:block; 
text-transform:uppercase; 
font-size:1.375em; 
margin-bottom:12px; 
letter-spacing: .1em;
color:#4c4c4c;
margin-top:8px;
}

.panel.objectives { box-shadow:none }
.objectives .panel-body { padding:10px }

.objectives .breadcrumb {
    margin-bottom: 32px;
    border-bottom: 1px solid #d9dfe6;
    padding-bottom: 12px;
}
  
.objectives .breadcrumb-item::before {
    display: inline-block;
	padding-right: 4px;
  	padding-left: 4px;
	color: #7f7f7f;
	content: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' width='14' height='13' class='bi bi-chevron-right' fill='%237f7f7f' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	vertical-align: middle;
}

.objectives .breadcrumb-item {
  color:#666;
}

.objectives .eyebrow {
	font-size:1.375em; 
    color:#666;
    letter-spacing: .1em;
    text-transform:uppercase; 
   margin-bottom:8px;
}

.objectives .panel-body h2 {
 font-size:2em; 
 font-weight:600; 
  margin-top:0;
}

.objectives .panel-body h3 {
    color: #1a3e68;
    font-size: 1.375em;
    font-weight: 600;
}

.objectives p, 
.objectives ul  {
margin-bottom: 32px;
}

.objectives p, 
.objectives ul li {
font-size: 1.25em;
line-height: 1.5;
}

.objectives .panel-body ul li {
    list-style: disc;
    background-repeat: no-repeat;
    background-position: 0px 6px;
    background-image: none;
    margin-left: 0;
    padding-left: 15px;
}

.strategies-wrapper h4 {
  font-size:1.5em;
  margin-top:32px;
  font-weight:500;
  color:#1a3e68;
}

@media (min-width:630px) {
.content-wCallout-box .strategies-wrapper {  /* NEW 1/4/22 */
    padding:0 15%;
}
}

.content-wCallout-box p {
    font-size: 1.25em;
  	text-align:center;							 /* NEW 1/4/22 */
}

.panel-body .mission-areas h3 {
    font-size:1.375em;
    text-align:center;
    color: #666;
    font-weight: 400;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.mission-areas img {
  max-width:560px;
  margin:0 auto;
  width:100%;
}

.landingpage .col-66percent.maincol .panel:first-child.panel-variation-3 { margin-top:-20px }
  

.panel-variation-3 {
    border-color: #fff2cc;
    background-color: #fff2cc;
    margin: 0 10px 48px;
	padding: 10px;
}

.panel-variation-3 > .panel-heading {
    color: #033266;
    background-color: #fff2cc;
    border-color: #fff2cc;
}

.panel-variation-3 .panel-title {
font-size: 1.3em;
font-weight: 500;
text-transform: uppercase;
margin-top: 20px;
margin-bottom: -20px;
letter-spacing: .02em;
}

.panel-variation-3 p {
	font-size: 1.125em;
}
          
.sidebar .panel-variation-4 {
  margin-bottom:30px;
}

/* strategic plan timeline */

.timeline_box {
	position: relative;
    border-radius:6px;
	padding: 20px;
	margin: 0 0 30px;
    background-color:#355b85;
}
.timeline_box h3 {
  margin-bottom:0;
  font-size:1.5em;
  text-align:center;
  color:#fff;
}
.timeline_box:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 20px;
	margin-left: -20px;
    border-top-color: #355b85;
} 

.timeline p {
    font-size: 1.25em;
	padding: 16px 32px;
	text-align: center;
	background-color: rgba(255, 255, 255,.95);
	margin: 24px 24px 12px;
	border-radius: 6px;
  }
               
.timeline .btn.btn-link, 
.timeline p > a.btn.btn-link {
  text-align:center;
}
               
@media (min-width:630px) {
.timeline_box {
	padding: 20px 64px;
	margin: 0 15% 30px;
}
}
               
               
@media (min-width:860px) {
  .wide-box-grey {
    padding:32px 48px;
 }
  
  .wide-box-plain {
  padding:0 64px;
}
  
}

/* strategic pillars   NEW */

.strategic-pillars-container {
  max-width:560px;
  margin:0 auto;
}
  

.strategic-pillars-main,
.strategic-pillars {
	position: relative;
    border-radius:5px;
	padding: 20px;
	margin: 0 0 30px;
    background-color:#033266;
}

.strategic-pillars {
  margin-top: -24px;
}

.panel-body .wide-box-plain .strategic-pillars-main h2 {
  margin-top:4px;
  font-size:1.8em;
  text-align:center;
  color:#ffbf00;
}
.panel-body .strategic-pillars p {
  margin:0;
  padding:2px 4px;
  font-size:1.3em;
  text-align:center;
  font-weight:500;
  color:#022851;
}

.panel-body .strategic-pillars.item-5 p,
.panel-body .strategic-pillars.item-7 p  {
    color:#fff;
}

.strategic-pillars:before {
	top: 0%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 20px;
	margin-left: -20px;
    border-top-color: #fff;
}
.strategic-pillars-main:after,
.strategic-pillars:after {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 18px;
	margin-left: -18px;
    border-top-color: #033266;
}


.item-1 { z-index:20; }
.item-2 { z-index:19; background-color: #3dae2b } /* green */
.item-3 { z-index:18; background-color: #ffbf00 } /* gold */
.item-4 { z-index:17; background-color: #00b2e3 } /* cyan */  
.item-5 { z-index:16; background-color: #c6007e } /* pink */  
.item-6 { z-index:15; background-color: #f18a00 } /* orange */
.item-7 { z-index:14; background-color: #76236c } /* purple */


.strategic-pillars.item-2:after { border-top-color: #3dae2b }
.strategic-pillars.item-3:after { border-top-color: #ffbf00 }
.strategic-pillars.item-4:after { border-top-color: #00b2e3 }
.strategic-pillars.item-5:after { border-top-color: #c6007e }
.strategic-pillars.item-6:after { border-top-color: #f18a00 }
.strategic-pillars.item-7:after { border-top-color: transparent }



/* panel mods */

.panel-body h2 {
	color:#1a3e68;
}

.panel-body .mission h2 {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 600;
    font-size: 1.8em;
}

/* buttons - info and link button */
  
.btn.btn-info {
  border-radius:4px;
  white-space:normal;
  color: #ffffff;
}
                         
.btn-info {				
    font-size:1.2em;
	letter-spacing: .02em;
	background-color: #1a3e68;
	color: #ffffff;
	margin-top:8px;
    border:transparent;
}

.btn-lg {
    padding: 10px 32px;
}

.btn-info:hover,
.panel-body p a.btn-info:hover,					
.panel-body p a.btn-info:focus,
.panel-body p a.btn-info:active {
	background-color: #007991;
    color:#fff;
    border:transparent;
}           

/* link button */
.btn.btn-link, p > a.btn.btn-link /* sets styles for buttons wrapped in a p tag */ {
    color: #002855 !important;
    font-size:1em;
    text-decoration: underline !important;  
    -webkit-text-decoration-color: rgba(0,121,145,0.25); /* Safari */   
	text-decoration-color: rgba(0,121,145,0.25);
    background: none;
    border: none;
    transition: all 0.3s ease 0s;
    padding: 8px 0 0;
 	white-space:normal;
    text-align:left;
}

.btn-link:after {
  		display: inline-block;
  		content: url("data:image/svg+xml,<svg viewBox='0 12 18 16' width='16' height='32' fill='%23ffbf00' stroke='%23ffbf00' stroke-width='2.5' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='M6.646 3.646a.5.5 0 01.708 0l6 6a.5.5 0 010 .708l-6 6a.5.5 0 01-.708-.708L12.293 10 6.646 4.354a.5.5 0 010-.708z'/></svg>");
 		padding-left:0.125rem;
		vertical-align: middle;
		width:1.25rem;
		height:1.6rem;
		margin-right: -1.25rem;
        padding-right: 1.25rem;
		}


.btn.btn-link:hover, a.btn.btn-link:hover,
.btn.btn-link:focus, a.btn.btn-link:focus,
.btn.btn-link:active, p > a.btn.btn-link:active,
.btn.btn-link.active {
    color: #007991 !important;
    text-decoration: underline !important;
    -webkit-text-decoration-color: rgba(0,121,145,1); /* Safari */   
	text-decoration-color: rgba(0,121,145,1);
}