/* GENERAL */
.font-gilroy { font-family: var(--regular-font); }
.font-bayshore { font-family: "adventures-unlimited"; }
.font-super { font-family: "superclarendon";font-weight: 700; }
.font-black { font-family: var(--dark-font);}

.topbar { margin: 0 2rem !important; }
.lead-text { font-size: 18px; }
.bg-light-blue { background-color: #d9ecff; }
.bg-light-blue.border { border: 1px solid #00336670 !important; }
.bg-light-blue.shadow { box-shadow: 2px 3px 6px #00000024 !important; }
.body-text p:last-child { margin-bottom: 0; }
.bg--off-white.fade { background: linear-gradient(to right, rgb(255 255 255) 0%, rgb(241,242,242) 10%, rgb(241,242,242) 90%, rgb(255 255 255) 100%); }
ul.list-style { list-style: none;margin: 0;padding: 0; }
ul.list-style > li { border-left: 5px solid #b6b6b6;padding: 2rem;background: #f9f9f9;margin-bottom: 2rem; }
ul.list-style > li:last-child { margin-bottom: 0; }
.bg--off-white p:last-child, .bg--off-white ul:last-child, .bg-light-blue p:last-child, .bg-light-blue ul:last-child { margin-bottom: 0; }
.video-play { position: absolute;left: 0;right: 0;bottom: 0;top: 0;margin: auto;color: #fff;width: 25px;height: 25px;font-size: 25pt; }
.link-underline { border-bottom: 1px solid #0073e6; }
.link-underline:hover { border-color: #0056a7; }

/* UNDERGRADUATE */

.flex-table.cost tfoot th { background: #d9ecff; }
.content-banner { max-height: 300px;overflow: hidden; }
.content-banner .overlay { position: absolute;align-items: center;width: 100%; }
.content-banner .overlay-button { display: grid;background: none;width: 100%;padding: 0 2rem;grid-template-columns: unset;grid-gap: 2rem;justify-content: center;align-content: center; }
.overlay-button a { display: flex;justify-content: center;font-size: 12px; }
.content-banner .heading { font-size: 6vh;margin: 0 0 2rem 0; }
.content-banner .image:before {content: '';position: absolute;bottom: 0;margin: auto;width: 100%;height: 100%;background: radial-gradient(rgba(0,0,0,0.5), transparent); }
.slide-image { height: 250px;overflow: hidden;position: relative;display: flex;align-items: center; }
.slide-image:before { content: '';display: block;position: absolute;width: 100%;top: 0;height: 60%;background: linear-gradient(to bottom, rgba(0,0,0,0.3), transparent); }
.slide-image img.background { object-fit: cover;width: 100%;height: 100%; }
.slide-image .text-contents { position: absolute;top: 5%;display: flex;justify-content: center;width: 100%; }
.slide-image .text-contents img { width: 250px;height: 100%; }
.slide-image .contents { position: absolute;bottom: 15%;width: 100%;display: flex;justify-content: center; }
.student-grid { display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 3rem;margin: 2rem; }
.student-grid .item { background-size: cover;background-repeat: no-repeat;cursor: pointer;position: relative;transition: all 0.2s ease; }
.student-grid .item-content { color: #fff;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: 7rem 3rem; }
.student-grid .item-content strong { font-size: 26px;text-transform: uppercase;line-height: 1.2;margin-bottom: 20px; }
.student-grid .item-content p { font-size: 22px;line-height: 1.3; }
.student-grid .item-content .arrow { margin-top: 2rem;transition: all 0.2s ease; }
.student-grid .item:hover { box-shadow: 2px 0 6px #00000073; }
.student-grid .item:hover .arrow { transform: scale(1.2); }

/* FRESHMAN /  TRANSFER / INTERNATIONAL */

.apply-section { display: grid;grid-template-rows: auto;grid-template-areas: "info" "steps";grid-template-columns: 100%;margin: 4rem 2rem;grid-gap: 2rem; }
.apply-section.alt { margin: 4rem 2rem 1rem; }
.apply-section .image { grid-area: image;display: none; }
.apply-section .image img { width: 100%;height: 100%;object-fit: cover; }
.apply-section .information { grid-area: info;padding: 3rem;display: flex;align-items: center; }
.apply-section .information .content-area { display: inline-block; }
.apply-section .information ul, .apply-section .information p { font-size: 20px; }
.apply-section .steps { grid-area: steps;margin-top: 2rem; }
.info-row.banner-section { position: relative; }
.info-row.banner-section .image-section { position: absolute;height: 100%;width: 100%;flex: 100%;z-index: -1; }
.info-row.banner-section .info-section { display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;padding: 8rem 4rem; }
.banner-section h1 { font-size: 3rem; }
.banner-section .title { font-size: 7rem;line-height: 1;letter-spacing: 5px;text-transform: none;text-align: center; }
.banner-section .title.alt { font-size: 7rem;margin: 1rem 0; }
.banner-section .info-section.international .title .font-bayshore { font-size: 12rem; }
.banner-section .info-section.international .title .font-black { font-size: 8rem; }
.banner-section .txt { width: 100%;font-size: 2.2rem;margin: -20px 0 3rem;text-align: center;line-height: 1.5; }
.banner-section .txt:before { content: "";display: flex;width: 90%;height: 2px;background: #fff;margin: 1rem auto 3rem; }
.banner-section .txt.alt:before { width: 100%;margin: 3rem auto; }
.banner-section .button { border: none; }

/* FRESHMAN */

.profile-section { display: grid;grid-template-areas: "stats" "map" "profile-image";grid-gap: 3rem;margin-top: 4rem; }
.profile-section .stat-section { grid-area: stats;background: #d9ecff;padding: 4rem; }
.profile-section .stat-section .title { font-family: var(--bold-font);font-size: 2.7rem;text-transform: uppercase;line-height: 1.3;margin-bottom: 2rem; }
.profile-section .stat-section img { display: block;margin: 0 auto; }
.profile-section .stat-section .data { display: grid;grid-template-columns: repeat(1);grid-gap: 3rem; }
.profile-section .profile-table { background: #fff;width: 100%; }
.profile-section .profile-table td:first-child { font-family: var(--bold-font); }
.profile-section .profile-table td { font-size: 2.2rem;padding: 10px;border: 1px solid #ccc; }
.profile-section .image { grid-area: profile-image; }
.profile-section .image img { width: 100%; }
.profile-section .map { display: flex;grid-area: map;background: #efefef;padding: 3rem;font-family: var(--bold-font);flex-direction: column;justify-content: center;align-items: center;text-align: center; }
.profile-section .map .title { color: #ff0200;font-size: 4rem;font-weight: bold;text-transform: uppercase; }
.profile-section .map .subtitle { color: #036;font-size: 2rem;font-weight: bold;text-transform: uppercase;line-height: 1.4;max-width: 370px;margin: 0 auto;border-top: 3px solid #ff0200;padding-top: 1rem; }
.profile-section .map .subtitle span { display: inline-block; }
.profile-section .map .subtitle span.cm:after { content: ',';display: inline-block; }
.profile-section .map .subtitle span:last-child:after { content: '';display: none; }

/* WHY FAU */

.stripe-section .stripe { display: grid;max-width: 100%;grid-template-columns: 1fr 1fr;grid-auto-flow: row;grid-auto-rows: 150px; }
.stripe-section .stripe .item { display: flex;text-align: center;padding: 0 1rem;min-height: unset;border-right: none;grid-column: span 1;position: relative;flex-direction: column;justify-content: center; }
.stripe-section .stripe .item:nth-child(3), .stripe-section .stripe .item:nth-child(4) { border-top: 1.5rem solid #fff; }
.stripe-section .stripe .item:after { content: "";background: #036;width: 1px;display: block;height: 70%;position: absolute;top: 0;right: 0;bottom: 0;margin: auto; }
.stripe-section .stripe .item:last-child:after, .stripe-section .stripe .item:nth-child(2):after { display: none; }
.stripe-section .stripe .item .number { font-family: "superclarendon";font-weight: 700;color: #c00;line-height: 1;font-size: 34px;padding-bottom: 8px; }
.stripe-section .stripe .item .number img { width: 100px;height: auto; }
.stripe-section .stripe .item .title { font-family: var(--bold-font);font-size: 20px;line-height: 1.2; }
.stripe-section .stripe .item .title em { font-size: 18px; }
.career-section { display: grid;grid-template-columns: 100%;grid-gap: 2rem;margin-bottom: 3rem; }
.career-section .image img { width: 100%;height: 100%;object-fit: cover; }
.career-section .career-outcomes { border: 1px solid #036;padding: 2rem;margin: 0 2rem; }
.career-section .career-outcomes .title { font-family: "superclarendon";font-weight: 700;font-size: 24px;line-height: 1.3;padding-bottom: 2rem; }
.career-section .career-outcomes .text { font-size: 20px;line-height: 1.3; }
.recent { font-size: 28px; }
.recent-section { display: grid;grid-template-columns: width: 100%;margin-top: 3rem; }
.recent-section .item { display: grid;grid-template-columns: 100%;position: relative;text-align: center;padding: 0 2rem; }
.recent-section .item .title { font-family: var(--bold-font);text-transform: uppercase;font-size: 20px; }
.recent-section .item ul { list-style: none;padding: 0; }
.recent-section .item ul li { font-size: 20px;color: #737373; }
.badge-section .item { display: flex !important;max-width: 250px;min-height: 250px !important;max-height: 250px !important;border-radius: 50%;align-items: center;margin: 2rem auto;position: relative; }
.badge-section .item.yellow { background: #fbf0cf;border: 2.8rem solid #f3c640; }
.badge-section .item.teal { background: #ceeef0;border: 2.8rem solid #3abec6; }
.badge-section .item.red { background: #fbd9d6;border: 2.8rem solid #f1695c; }
.badge-section .item.blue { background: #bfdae2;border: 2.8rem solid #006c8f; }
.badge-section .item .image { position: absolute;top: 15px;bottom: 0;margin: auto;transform: scale(1.1); }
.badge-section .item .image img { width: 100%; }

/* SOUTH FLORIDA */

.text-column { column-count: 1;column-gap: 10rem;font-size: 18px; }
.text-section.centered-sm { text-align: center; }
.text-section.centered-sm .action-button { margin: 0 auto; }
.image-banner { height: 350px;position: relative; }
.image-banner .image { height: 100%; }
.image-banner .image img { width: 100%;height: 100%;object-fit: cover; }
.image-banner .text-content { position: absolute;display: flex;top: 0;bottom: 0;right: 0;left: 0;margin: auto;align-items: center;justify-content: center; }
.image-banner .text-content .text { display: flex;background: rgba(0, 51, 102, 0.6);color: #fff;font-size: 30px;padding: 3rem;align-items: center;justify-content: center;text-align: center;text-transform: uppercase; }
.boca-section { position: relative;width: 100%;padding-bottom: 0; }
.boca-section .items { display: grid;width: 100%;margin: 0 auto;justify-content: center; }
.boca-section .items .item { display: flex;flex-direction: column;justify-content: flex-start;text-align: center;padding: 2rem 4rem 3rem; }
.boca-section .items .item .icon { margin-bottom: 2rem; }
.boca-section .items .item .title { font-size: 22px; }
.boca-section .items .item .text { font-size: 22px;line-height: 1.3; }
.boca-section .background-image { position: relative;width: 100%;height: 300px;z-index: -1;bottom: 0; }
.boca-section .background-image img { width: 100%;height: 100%;object-fit: cover; }

/* ACADEMICS */

h1.heading { font-family: var(--body-font);font-size: 3rem;line-height: 1.3;color: #c20430;padding: 0 2rem; }
.list-section { column-count: 1;column-gap: 4rem;padding: 0 2rem; }
.list-section .heading-font { font-size: 22px; }
.list-section ul { list-style: none;padding: 0; }
.list-section ul li { font-family: var(--regular-font);font-size: 20px; }
.info-row.academics { display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 2rem;margin: 4rem 2rem 0; }

/* ADMITTED */

.owldone-title { display: flex;flex-direction: row;align-items: center;justify-content: center; }
.owldone-title .font-bayshore { color: #036;font-size: 76px;margin-right: 2rem; }
.owldone-title .font-black { color: #036;text-transform: uppercase;font-size: 42px; }
.owldone-title .done { color: #c20430;text-transform: uppercase;font-size: 42px;font-weight: bold; }
.checklist-section { column-count: 1;column-gap: 3rem;margin:  0 2rem; }
.checklist-section .list { display: inline-block;width: 100%; }
.checklist-section .item { display: flex;position: relative;margin-bottom: 3rem; }
.checklist-section .item .text { font-family: var(--bold-font);font-size: 20px;line-height: 1.3;width: 100%;background: #e4e3e3;padding: 2rem 2rem 3rem;border-radius: 15px; }
.checklist-section .item .check { width: 46px;height: 58px;margin-right: 2rem; }
.help-section { display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 2rem;grid-auto-flow: row;grid-template-rows: auto;margin: 0 2rem; }
.help-section .item { display: grid;grid-template-columns: auto;background: #d9ecff;padding: 2rem;cursor: pointer; }
.help-section .item:hover { background: #cbe5ff;box-shadow: 0 1px 15px rgba(0,0,0,0.13);transition: all .2s; }
.help-section .item:hover img { animation-name: zoom;animation-timing-function: cubic-bezier(0.1, -0.6, 0.2, 0);animation-duration: 350ms; }
.help-section .item .text-section { display: flex;flex-direction: column;justify-content: center;color: #036; }
.help-section .item .text-section .title { font-family: var(--dark-font);font-size: 22px;text-transform: uppercase;padding-bottom: 5px;text-align: center; }
.help-section .item .text-section .text { font-size: 20px;line-height: 1.3; }
.help-section .item .icon { display: flex;align-items: center;justify-content: center;margin-bottom: 2rem; }
.help-section .item .icon img { width: 100px; }


/* FLEX TABLE */

.flex-table { display: flex;flex-direction: column;	}
.flex-table thead tr, .flex-table tbody tr { display: flex;flex-direction: column;border-bottom: 5px solid #fff; }
.flex-table thead tr:last-child, .flex-table tbody tr:last-child { border-bottom: 0; }
.flex-table tbody tr td:first-child, .flex-table tfoot tr th:first-child { font-family: var(--bold-font); }
.flex-table thead th, .flex-table tbody td, .flex-table tfoot th { background: #efefef;padding: 1rem 3rem;width: 100%;line-height: 1.4; }
.flex-table thead { border-bottom: 2px solid #bababa; }
.flex-table thead th { background: #d4d4d4;border: 0; }
.flex-table.white tbody td { background: #fff; }
.flex-table.blue tbody td, .flex-table.blue tfoot td { background: #d9ecff; }
.flex-table.blue thead th { background: #fff; }
.flex-table.regular thead th, .flex-table.regular tbody td, .flex-table.regular tfoot th { background: initial;padding: 1rem; }
.flex-table.regular tbody td { border: 0; }
.flex-table.regular thead th { background: initial; }
.flex-table.regular thead tr, .flex-table.regular tbody tr { border-bottom: 0; }
.flex-table.table-hover tbody tr:hover { color: unset;background-color: unset; }
.flex-table.table-hover tbody tr:hover td { background-color: rgba(0, 0, 0, 0.15); }
.flex-table.table-hover.white tbody tr:hover td { background-color: rgba(196, 196, 196, 0.15); }
.flex-table.table-rounded tbody tr td { border-radius: 0; }
.flex-table.table-rounded tbody tr td:first-child { border-top-left-radius: 6px;border-top-right-radius: 6px; }
.flex-table.table-rounded tbody tr td:last-child { border-bottom-left-radius: 6px;border-bottom-right-radius: 6px; }
.table.blue tbody td { background: #d9ecff;border: 1px solid rgb(255 255 255); }
.table.blue thead th { border-bottom: 1px solid #fff;border-top: none; }

@keyframes zoom {
	from { transform: scale(1.04) rotateZ(4deg); }
	to { transform: scale(1); }
}

@media screen and (min-width: 40em) {
	.banner-section .txt:before { width: 270px; }
	.banner-section .title.alt { font-size: 9rem; }
	.banner-section h1 { font-size: 3.5rem; }
	.profile-section .stat-section .data { grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); }
	.help-section .item { display: grid;grid-template-columns: 150px auto;padding: 3rem 3rem 3rem 0; }
	.help-section .item .icon { margin-bottom: 0; }
	.help-section .item .text-section .title { text-align: left; }
	.flex-table tbody tr { display: grid;grid-template-columns: repeat(2, 1fr); }
}

@media screen and (min-width: 62em) {

	.help-section { grid-gap:2rem;grid-auto-flow: column;grid-template-rows: repeat(5, auto);margin: 0; }
	.help-section .item { grid-template-columns: 180px auto; }
	.help-section .item .text-section .title { font-size: 20px; }
	.help-section .item .text-section .text { font-size: 22px; }
	.help-section .item .icon img { width: 150px; }
	.flex-table tbody tr { display: flex;border: 0; }
	.flex-table tbody tr td { border: 1px solid #fff; }
	.flex-table.white tbody tr td { border: 1px solid #c9c9c9; }
	.flex-table.regular tbody tr td { border: 0; }
}