/* 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 ========================== */
/* Job Board header */
img.job-board {
	object-position: center;
	object-fit: contain;
	padding: 40px 0;
}

.transform-grid .online-resources {
	background-color: white;
	box-shadow: 0 0 4px rgba(0,0,0,.2);
	padding: 15px;
	width: 95%;
	margin: 10px 2.5%;
	transition: 0.2s ease-in-out all;
}

.transform-grid .online-resources:hover, .transform-grid .online-resources:target, .transform-grid .online-resources:focus {
	box-shadow: 0 0 8px rgba(0,0,0,.45);
}

.transform-grid .online-resources h3, .transform-grid .jobs h3 a, .transform-grid .online-resources-docs h3 a {
	color: black;
	font-family: 'raleway', sans-serif;
	font-weight: 400;
	font-size: 1.25rem;
}

.transform-grid .online-resources-docs h3 {
	padding: 0;
	margin: 0;
}

.transform-grid .online-resources-docs h3 a:hover, .transform-grid .online-resources-docs h3 a:target, .transform-grid .online-resources-docs h3 a:focus {
	text-decoration: none;
}

.transform-grid .online-resources-docs {
	border-left: 2px solid #ffcb4d;
	transition: 0.2s ease-in-out all;
	margin: 10px 0;
	padding: 0;
	padding-left: 10px;

	display: flex;
	align-items: center;
}

.transform-grid .online-resources-docs h3 a::after {
	content: '\f101' !important;
	font-family: "FontAwesome";
	margin-left: 4px;
}

.transform-grid .online-resources-docs:hover, .transform-grid .online-resources-docs:focus, .transform-grid .online-resources-docs:target {
	padding-left: 15px;
	border-left: 4px solid #ffb500;
}

.transform-grid .jobs h3 a {
	color: #757677;
	transition: 0.2s ease-in-out all;
}

.transform-grid .jobs h3 a:hover, .transform-grid .jobs h3 a:target, .transform-grid .jobs h3 a:focus {
	color: black;
	text-decoration: none;
	padding-left: 10px;
	border-left: 4px solid #78be20;
}

.right-triangle-svg {
	z-index: -1;
	width: 100%;
	height: 700px;
	margin-top: -700px;
	margin-bottom: -5px;
}
/* end job board styles */


/*** Individual section styles and separators ***/

/* Common style for pseudo-elements */
/* Triangles */
.header-divide:after {
	position: absolute;
	left: 50%;
	width: 100px;
	height: 100px;
	margin-top: -10px;
	-webkit-transform: translateX(-50%) rotate(45deg);
	transform: translateX(-50%) rotate(45deg);
	background-color: #00843d;
	z-index: 1;
}

.mobile-padding {
	padding-top: 120px;
}

/*- MBA Profiles Page -*/

.mba-bios div.col-sm-6:nth-child(odd) {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 10px;
}

.mba-bios div.col-sm-6:nth-child(even) {
	width: 100%;
	margin-bottom: 40px;
}

h2.vertical-text {
	text-align: center;
	font-family: 'rajdhani';
	text-transform: uppercase;
	font-weight: 900;
	color: #888;
	font-size: 56px;
	margin-bottom: 40px;
}

.mobile-center {
	text-align: center;
}

/* COHORT YEAR BTNS */
.cohort-btns {
	padding-top: 0;
	margin-top: -20px;
}

.cohort-btns .transform-grid-cell {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	width: auto;
}

.cohort-btns a h3 {
	color: #333;
	transition: 0.2s ease all;
	padding-bottom: 4px;
	display: inline;
}

.cohort-btns a:hover, .cohort-btns a:target, .cohort-btns a:focus {
	text-decoration: none;
}

.cohort-btns a h3:hover, .cohort-btns a h3:target, .cohort-btns a h3:focus {
	border-bottom: 4px solid #aaa;
	padding-bottom: 0;
}


/* Social media */
.grad-page .social-media, .white-bg .social-media {
	background-color: white;
}

.grad-page .social-media .icon::after, .white-bg .social-media .icon::after {
	background-color: #F6F6F7 !important;
}

/*- Misc -*/

.card-content.card-content-shadow {
	background-color: white;
}

.bg-geometric {
	background-image: url(/mfpa/images/geometric-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}

/*-- Button Styles --*/
a.button-solid-forest, a.button-border {
	border-radius: 0 !important;
	border: 2px solid #00843d;
	z-index: 15;
}

a.button-border-white {
	border-radius: 0 !important;
	border: 2px solid white;
	z-index: 15;
}

a.button-border-white:hover, a.button-border-white:focus {
	background-color: #00843d;
	border-color: #00843d;
	color: white;
	text-decoration: none;
}

a.hover-clover-d2:hover, a.hover-clover-d2:focus {
	background-color: #1e4119;
	border-color: #1e4119;
}

/* Floating form button styles */
a.request-info-btn {
	color: white;
	background-color: #235332;
	border-radius: 100%;
	padding: 4px 14px 6px;
	font-size: 32px;
	transition: 0.2s ease-in-out all;
	position: fixed;
	right: 8px;
	bottom: 60px;
	z-index: 5;
}

a.request-info-btn:hover,
a.request-info-btn:focus,
a.request-info-btn:target {
	background-color: #00843d;
}
a.request-info-btn .fa {
	padding: 0;
	margin: 0;
}

/* END Floating form button styles */

/*-- Form Styles --*/
form#request-info-mba .lity-content div:first-child .col-sm-6 {
	width: 100% !important;
}
form#request-info-mba {
	display: flex; 
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 20px 0 40px;
	background-color: white;
	max-width: 95%;
	margin: 0 2.5%;
}
form#request-info-mba div {
	overflow: hidden;
	width: 100%;
}

form#request-info-mba input, form#request-info-mba textarea {
	color: black;
	text-align: left;
	height: 45px;
	padding: 10px;
	width: 95%;
	margin: 15px 2.5% 0;
	border: 1px solid #ddd;
	font-family: 'Raleway', sans-serif;
}

form#request-info-mba textarea, form#request-info-mba label {
	margin-left: 10px !important;
	width: 95% !important;
}

form#request-info-mba .g-recaptcha {
	margin-top: 20px;
	margin-left: 10px;
}

form#request-info-mba input.button {
	background-color: #00843d;
	border: 2px solid #00843d;
	margin-top: 20px;
	height: 50px;
	width: 95%;
	text-align: center;
	transition: 0.3s;
	color: white;
	border-radius: 0;
	font-size: 16px;
	text-transform: uppercase;
}

form#request-info-mba input:hover, form#request-info-mba input:focus, form#request-info-mba select:hover, form#request-info-mba select:focus, form#request-info-mba textarea:hover, form#request-info-mba textarea:focus {
	border: 1px solid #00843d;
}

form#request-info-mba input.button:hover, form#request-info-mba input.button:focus {
	transition: 0.3s;
	background-color: transparent;
	border: 2px solid #00843d;
	color: #00843d;
}

/* form assembly overrides */
#request-info-mba_wForm .wFormContainer {
    margin: auto;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: white;
    padding: 40px 20px;
}

#request-info-mba_wForm .wFormContainer .wForm {
    padding: 0;
    background: inherit;
    font-family: inherit;
}

#request-info-mba_wForm .wFormFooter {
    display: none;
}

#request-info-mba_wForm input#submit_button {
    background-color: #00843d;
    border: 2px solid #00843d;
    margin-top: 20px;
    height: 50px;
    width: 95%;
    text-align: center;
    transition: 0.3s;
    color: white;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
        transition: 0.3s;
}

#request-info-mba_wForm input#submit_button:hover, #request-info-mba_wForm input#submit_button:focus {
    background-color: transparent;
    border: 2px solid #00843d;
    color: #00843d;
}
/* Grid Lecture Cards (from VP) Styles */
.card-popup {
	background-color: #fff;
	overflow: hidden;
	position: relative;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
	height: 100%;
	transition: 0.2s ease-in-out all;
}
.card-popup:hover, .card-popup:focus, .card-popup:target {
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
}
.card-popup .card-popup-img-container {
	position: relative;
	border: 3px solid #00843D;
	border-bottom: none;
}
.card-popup .card-popup-img-container img {
	width: 100%;
	max-width: 100%;
	height: 400px;
	object-fit: cover;
	object-position: top;
}
.card-popup .card-popup-nameplate {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 100%;
	background-color: #fff;
	color: #275d38;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}
.card-popup .card-popup-nameplate-row {
	display: block;
	width: 100%;
	color: #275d38;
	font-family: "Lato", arial, sans-serif;
}
.card-popup .card-popup-area {
	padding: 25px 20px 10px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
}
.card-popup a.card-popup-area:hover > span,
.card-popup a.card-popup-area:focus > span {
	text-decoration: underline;
}
.card-popup .card-popup-name {
	font-size: 18px;
	font-weight: 400;
	padding: 0px 20px 15px;
}
.card-popup .card-popup-name::before {
	content: "";
	display: block;
	width: 200px;
	max-width: 100%;
	border-top: 2px solid #275D38;
	margin: -1px auto 10px;
}

.lity-content div:first-child { /* Targets overall content in Lity Popup */
	max-height: 600px !important;
	overflow-y: scroll;
}

.lity-content div:first-child .col-sm-4 img { /* Targets image in Lity Popup */
	max-height: 400px;
	object-fit: contain;
}

.lity-content div:first-child .col-sm-4 { /* Targets image in Lity Popup */
	overflow: hidden;
}

/*- Custom Scroll Bar Styles (Within Lity Popup) -*/
.lity-content div:first-child::-webkit-scrollbar {
	width: 10px;
	background-color: rgba(0,0,0,.15);
	border-radius: 10px;
}

.lity-content div:first-child::-webkit-scrollbar-track {
	border-radius: 10px;
}

.lity-content div:first-child::-webkit-scrollbar-thumb {
	border-radius: 10px;
	background-image: -webkit-linear-gradient(left top, rgba(39,93,56,1) 25%, rgba(75,162,63,1) 100%);
}

/*- End Custom Scroll Bar Styles  -*/

/*End mobile and up styles*/
/*For large mobile screens*/
@media only screen and (min-width: 550px) {
	.mba-bios div.col-sm-6:nth-child(odd) {
		width: 50%;
	}
}
/* ====================== Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 768px) {
	/* Job Board */
	.transform-grid .online-resources {
		width: 45%;
		margin: 10px 2.5%;
	}
	/* end job board styles */
	form#request-info-mba {
		width: 80%; 
		margin: 0 10%; 
		padding: 40px 0 60px;
	}

	form#request-info-mba textarea, form#request-info-mba label {
		width: 98% !important;
	}

	/*- MBA Profiles Page -*/
	.mba-bios div {
		margin: 20px 0;
	}

	.mba-bios div.col-sm-6:nth-child(odd) img {
		object-position: center;
	}

	.mba-bios div.col-sm-6:nth-child(odd) {
		width: 30%;
		margin-top: 40px;
	}

	.mba-bios div.col-sm-6:nth-child(even) {
		width: 70%;
	}

	.mobile-center, h2.vertical-text {
		text-align: left;
	}


}/*end media query*/
/*End tablet and up styles*/
/* ====================== Landscape Tablet and Up (Overrides Mobile Styles) ========================== */
@media only screen and (min-width: 992px) {
	/*- MBA Profiles Page -*/

	.mba-bios div.col-sm-6:nth-child(odd) {
		width: 20%;
	}

	.mba-bios div.col-sm-6:nth-child(even) {
		width: 80%;
	}

	/* Grid Popup Cards */
	.card-popup .card-popup-area.md-2-row {
		height: 76px;
	}

	.card-popup .card-popup-img-container img {
		height: 300px;
	}

	/* Floating form button styles */
	a.request-info-btn {
		right: 85px;
		bottom: 80px;
	}
	form#request-info-mba .col-sm-6 {
		width: 50%;
		margin: 0; 
	}


}/*end media query*/
/*End landscape tablet and up styles*/
/* ====================== Desktop Only (Overrides Mobile and Tablet Styles) ========================== */
@media only screen and (min-width: 1200px) {
	/* Job Board */
	.transform-grid .online-resources {
		width: 30.33%;
		margin: 10px 1.5%;
	}
	/* end job board styles */

	/* PREREQ TABLE STYLES */
	.prereqs table th {
		width: 33.33%;
	}

	/* Grid Popup Cards */
	.lity-content div:first-child {
		max-height: 800px !important;
		overflow-y: scroll;
	}



}/*end media query*/
/*End desktop only styles*/

@media only screen and (min-width: 1900px) {
	h2.vertical-text {
		position: absolute;
		margin-top: 305px;
		left: -400px;
		transform: rotate(-90deg);
		font-size: 108px;
	}

}
/*END OF DOCUMENT*/