/* Department CSS Document */
/*For mobile first adaptive design place styles for mobile and up in the mobile and up area.
Place styles for tablet and up inside the media query in the tablet and up area.
Place styles for desktop only inside the media query in the desktop only area.

For questions or media query training contact Web Development Services.
*/
/* ====================== Mobile and Up ========================== */

/*PreLaw*/
/* Custom Card*/
.customCard {
	box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
	border-radius: 4px;
	display: flex;
	flex: 1;
	flex-direction: column;
	background-color: #fff;
	overflow: hidden;
}

.pictureCard3 > img.square-image {
	width: auto;
    height: 194px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.post-image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.underline {
	text-decoration: underline;
}
/**/

/*Header Card*/
.header-green {
	background-color: #275d38;
	padding: 20px;
}

.header-green h1 {
	text-align: center;
	color: white;
	font-weight: 600;
}

.header-text-shadow {
	    text-shadow: 5px 5px 5px black;
}

.justify-content-space-around {
	justify-content: space-around;
}

.opacity-white {
    position: relative;
}

.opacity-white::before {
    content: ' ';
    position: absolute;
    display: flex;
    height: 100%;
    width: 100%;
    top: 0;
    background-color: rgba(255,255,255,.9);
}

.overlay-green {
	background-color: rgb(0, 132, 61, .95);
}

.overlay-white {
	background-color: rgba(255, 255, 255, .9)
}

.headerCard img {
    display: none;
}

.headerCard .overlay .header {
    padding: 20px;
	margin: 0;
}

.headerCard .overlay-content {
	flex: 1;
	padding: 20px;
}

.headerCard .bottom-arrow {
	display: none;
}

.overlay .header span {
	display: none;
}
/* End headerCard */

/*Header Styles*/
.header-basic {
background-repeat:no-repeat;
background-size:cover;
}

.home-header {
	background:#597763;
}

.advisor-header {
background-image:url(/career-internship/ppas/images/program-headers/advising.png);	
}

.faq-header {
background-image:url(/career-internship/ppas/images/program-headers/faq.png);	
}

.holiday-header {
background-image:url(/career-internship/ppas/images/program-headers/holiday.png);
}

.nursing-header {
background-image:url(/career-internship/ppas/images/program-headers/nursing.png);
}

.respiratory-header {
background-image:url(/career-internship/ppas/images/program-headers/repiratory.png);
}

.uvst-header {
background-image:url(/career-internship/ppas/images/program-headers/uvst.jpg);
}

.pre-chiro-header {
background-image:url(/career-internship/ppas/images/program-headers/chiropractic.png);
}

.pre-dent-header {
background-image:url(/career-internship/ppas/images/program-headers/dental.png);
background-position:bottom;
}

.pre-law-header {
background-image:url(/career-internship/ppas/images/lawcasepicture.jpg);
}

.pre-med-header {
background-image:url(/career-internship/ppas/images/program-headers/stethascope.png);
}

.pre-occupation-header {
background-image:url(/career-internship/ppas/images/program-headers/octherapy.png);
background-position:center;
}

.pre-opto-header {
background-image:url(/career-internship/ppas/images/program-headers/optometry.png);
background-position:bottom;
}

.pre-pharma-header {
background-image:url(/career-internship/ppas/images/program-headers/pharmacy.png);
}

.pre-physical-header {
background-image:url(/career-internship/ppas/images/program-headers/physical.png);
}

.pre-physiscian-header {
background-image:url(/career-internship/ppas/images/program-headers/pa.png);
}

.pre-radtech-header {
background-image:url(/career-internship/ppas/images/program-headers/rad_tech.png);
}

.pre-vet-header {
background-image:url(/career-internship/ppas/images/program-headers/vet.png);
}
/*Header Styles End*/

/*Spacing Styles*/
.display-none {
display:none;
}

.full-grid .container-fluid {
max-width:100%;
padding:0;
}

.height-230 {
height:230px!important;
}

.line-height-25 {
line-height:25px;
}

ul li,.full-grid .row, ul {
margin:0;
}
/*Spacing Styles End*/

/*Advisor Card Styling*/
/*Original Cards*/
.button-solid-square:hover {
background-color:#757677;
border:2px solid #275d38;
color:#fff;
}

.max-height-291 {
max-height:291px;
}

/*New Advisor Cards*/
.test > div > div > div >.card-advisor-content.card-advisor-section {
height:100px!important;
}

.card-content{
	background-color:#fff;	
}

.card-advisor{
	border: 1px solid grey;
}

.card-advisor-footer > p:nth-child(2){
	display:none;
}

.card-advisor a.card-advisor-button {
background-color: #275D38;
color: #fff;
}

.card-advisor a.card-advisor-button:hover {
background-color: #fff;
color: #275D38;
text-decoration: underline;
}

.card-advisor .card-advisor-image-container {
	margin:-20px -60px;
}

/*Staff Cards*/
.directory .card-staff {
height:310px!important;
}
/*Advisor Card Styling End*/

/*Tile and Title Backgrounds*/
.bg-aqua {
background-color:#62a5ab;
}

.bg-blue-green {
background-color:#217a82;
}

.bg-purple {
background-color:#5a5478;
}

.bg-teal-6 {
background-color:#008f86;
}

.img-wrap {
  border:1px solid #fff;
}

.img-wrap:hover {
	opacity:0.85;
}
/*Tile and Title Backgrounds End*/

/*Accordion Styling*/
.accordion:not(.accordion-unstyled)
{
	padding:5px 25px 5px 10px;
}

.accordion {
background-color:#6f937a;
}

.accordion+div {
background-color:white;
border-radius:0 0 5px 5px;
border-top:1px solid black;
margin:-10px 10px 10px;
padding:10px;
}

.inner-info {
background-color:#275d38;
padding:5px 25px 5px 10px;
border-radius:5px;
color:white;
}

.inner-info+div {
background-color:#e6f3ec;
border:1px solid #e8e8e8;
border-radius:0 0 5px 5px;
margin:-10px 10px 10px;
padding:10px;
}

.accordion+div>.accordion.bold::before {
background-color:#578164;
color:black;
}

.inner-info.open {
background-color:#1e482c;
color:#f9f9f9;
}

.accordion.bold::before {
background-color:#6f937a;
color:#1e482c;
}

.accordion.open {
background-color:#1e482c;
color:white;
}

.accordion:focus,.accordion+div:focus {
border:none;
outline:none;
}

#myAccordionInverse > .accordion {
    background-color: #00843d;
    color: #fff;
}

#myAccordionInverse >.accordion+div {
background-color: #eee;
border-top:none;
}

#myAccordionInverse > .accordion.bold::before {
background-color:#00843d;
color:#fff;
}
/*Accordion Style End*/
	
/*Other Styles*/
.white-link > div > p > a {
color:white;
}

.white-link > div > p > a:hover {
color:#dddddd;
}

.bg-diagonal{
	background-image:none;
}

.table-title {
    font-size: 18px;
    text-align: center;
    border: 1px solid black;
    border-bottom: none;
    padding: 10px;
	font-weight: bold;
}
/*Other Styles End*/
/*End mobile and up styles*/
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	/*Icon Images*/
.bg-image-chart {
background-image:url(/career-internship/ppas/images/icons/icon_chart.png);
}

.bg-image-cross {
background-image:url(/career-internship/ppas/images/icons/icon_cross.png);
}
	
.bg-image-foot {
background-image:url(/career-internship/ppas/images/icons/icon_foot.png);
}

.bg-image-gradcap {
background-image:url(/career-internship/ppas/images/icons/icon_gradcap.png);
}

.bg-image-heart {
background-image:url(/career-internship/ppas/images/icons/icon_heart.png);
}

.bg-image-lungs {
background-image:url(/career-internship/ppas/images/icons/icon_lungs.png);
}

.bg-image-morter {
background-image:url(/career-internship/ppas/images/icons/icon_morter.png);
}

.bg-image-paw {
background-image:url(/career-internship/ppas/images/icons/icon_paw.png);
}

.bg-image-scale {
background-image:url(/career-internship/ppas/images/icons/icon_scales.png);
}
	
.bg-image-spine {
background-image:url(/career-internship/ppas/images/icons/icon_spine.png);
}

.bg-image-stability {
background-image:url(/career-internship/ppas/images/icons/icons_stability.png);
}

.bg-image-staff {
background-image:url(/career-internship/ppas/images/icons/icon_staff.png);
}

.bg-image-tooth {
background-image:url(/career-internship/ppas/images/icons/icon_tooth.png);
}

.bg-image-toothbrush {
background-image:url(/career-internship/ppas/images/icons/icon_toothbrush.png);
}

.bg-image-weight {
background-image:url(/career-internship/ppas/images/icons/icon_weight.png);
}

.bg-image-xray {
background-image:url(/career-internship/ppas/images/icons/icon_xray.png);
}
	
.program-header {
background-position:45px;
background-repeat:no-repeat;
margin-right:-200px;
overflow:visible;
padding-left:117px;
position:relative;
z-index:1;
}
/*Icon Images End*/
	
.card-advisor .card-advisor-image-container {
	margin:-20px 0px;
}

.bg-diagonal-big {
background-image: linear-gradient(15deg, transparent 70%, white), url('/career-internship/ppas/images/diaganal.png');
height: 300px;
}
	
.headerCard {
    display: flex;
    flex-grow: 1;
    position: relative;
/* 	box-shadow: 0 0 8px rgba(0,0,0,.4); */
	overflow: hidden;
}
.headerCard img {
	display: initial;
    object-fit: cover;
    width: 100%;
}
.headerCard .overlay {
    position: absolute;
    display: flex;
    flex-direction: column;
	height: 100%;
	width: 100%;
}
}/*end media query*/
/*End tablet and up styles*/

/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
.headerCard {
	height: 475px;
}
.flex-col-mobile {
	flex-direction: row;
}
.home-header {
	background-image: url(/career-internship/ppas/images/ucac-header.jpg) !important;
	background-color:rgba(30,72,44,0.9) !important;
	background-position:top center;
}
	
.img-wrap {
  border:none;
}
	
/*Diagonal Backdrop Styling*/
.bg-diagonal {
background-image: linear-gradient(15deg, transparent 70%, white), url('/career-internship/ppas/images/diag_pattern_sm.png');
}

.bg-diagonal-inverse {
background-image: linear-gradient(15deg, transparent 70%, #e8e8e8), url('/career-internship/ppas/images/diag_pattern_sm.png');
}


.foreground-offset {
position:relative;
right:20px;
top:20px;
}
/*Diagonal Backdrop Styling End*/
}/*end media query*/
/*End landscape tablet and up styles*/

/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
.headerCard {
	height: 430px;
}
.headerCard .overlay {
	transition: .5s;
	transform: translateY(83%);
}
.headerCard:hover .overlay {
	transform: translateX(0);
}
.overlay .header span {
	transition: .15s;
	display: inline-block;
}
.headerCard:hover .overlay .header span {
    transform: rotate(180deg);
}
.bottom-arrow {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 10px;
    transition: .3s;
    display: block;
}
.headerCard:hover .bottom-arrow {
    transform: rotate(180deg);
}
.object-position-left {
	object-position: left;
}
.object-position-right {
	object-position: right;
}	
}/*end media query*/
/*End desktop only styles*/

@media (max-width:1226px) and (min-width:992px), @media (max-width:600) {
	h1.text-uppercase strong {
    font-size: 50px;
}
}
/*END OF DOCUMENT*/