/*
	Theme Name: NWFSC
	Description: Northwest Florida State College Theme
	Version: 0.1
	Author: Lauren Dahlenburg (dahlenbl@nwfsc.edu)
	Tags: Northwest Florida State College, Education, community college
*/

/*************************************************************************** /
/**************************** ALPHA SITE *********************************** /
/*************************************************************************** /

.disablebutton {
    display: none;
}



/* ---------------------- DOCUMENT & CLEAR FIX ------------------------- */


html {
    box-sizing: border-box;
    background: #eeeeee;
}

html,
body {
    width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body,
.infographic-home {
    max-width: 1800px;
    margin: auto;
    background: #ffffff;
    background: rgb(255, 255, 255);
    background: white;
    box-shadow: 0 2px 10px #cccccc;
}

body.home {
    margin: auto;
}

.home,
.explore-programs {
    max-width: none;
}

img {
    height: auto;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.basic-content .nf-form-content {
    margin: 2rem auto 0;
}
.basic-content div.nf-form-layout h3,
.basic-content div.nf-form-layout p {
    width: 100%;
}
.nf-form-content hr.ninja-forms-field {
    margin: 1.5rem auto;
}

hr {
    padding: 5px;
    background: #e3e3e3;
    border: none;
    box-shadow: none;
    margin: 5% 0;
}
/* ---------------------------- FONTS --------------------------------- */
@font-face {
    font-family: 'Trajan Pro';
    src: url('/wp-content/themes/NWFSC/fonts/TrajanPro-Regular.eot');  /* IE9 Compat Modes */
    src: url('/wp-content/themes/NWFSC/fonts/TrajanPro-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/wp-content/themes/NWFSC/fonts/TrajanPro-Regular.woff') format('woff'), /* Modern Browsers */ url('/wp-content/themes/NWFSC/fonts/TrajanPro-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/wp-content/themes/NWFSC/fonts/TrajanPro-Regular.svg') format('svg');  /* LEgacy iOS */
}
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');

body,
body p {
    font-family: 'Roboto', sans-serif;
    font-weight: normal;
}
h1,h2,h3,h4,h5,h6,
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
}
h1,h2,h3,h4 {
    color: #000000;
    color: (0,0,0);
    color: black;
}
h5,h6 {
    color: #d2152c;
    margin: 1rem 0 0;
    font-size: 1.2rem;
}
.basic-content h1:first-of-type {
    font-size: 1.25rem;
    margin: 2rem 0 1rem;
    color: #d2152c;
    text-transform: uppercase;
    letter-spacing: 2px;
}
a {
    text-decoration: none;
}
.basic-content.first-content section p a,
.basic-content.third-content p a,
.basic-content.first-content section li a,
.basic-content.third-content section li a {
    text-decoration: underline;
}
.basic-content.first-content section p a.red-button, .basic-content.third-content p a {
    text-decoration: none;
}
.bold,
strong,
.date,
.triple-A p,
.aspen-dyk p,
.meta-more,
.strat-college-mission p,
.goal-items p,
.degree-choices ul,
.financial-address,
.other-edu ul,
.gainful-employment ul li a,
.future-resources li a,
.jump-faq,
.red-button,
.return-home-link,
.view-article {
    font-weight: 900;
}

header {
    background: #ffffff;
    box-shadow:2px 1px 10px #ddd;
}
header div.closure {
    background: white;
    color: black;
    text-align: center;
}
header div.closure p {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    padding: 10px;
}

.gray-bg,
.dss-steps,
.hr-hire {
    background: #eeeeee;
}

#mega-menu-wrap-header-menu {
    background: transparent;
    padding-bottom: 1em;
    z-index: 999999999;
}

.admissions-heading {
    font-size: 2em;
    letter-spacing: 2px;
}

#breadcrumbs {
    font-size: 0.85rem;
    font-weight: bold;
    border-bottom: 3px solid #e9e8e8;
}

i {
    transition: all 0.2s ease-in-out;
}

i:hover {
    transform: scale(1.1);
}

/* --------------------- COLORS, LINKS, & BUTTONS --------------------- */
body:not(.home) {
    color: #333333;
}

.home {
    margin: 0;
}

.mtphr-dnt-tick-container {
    background: #880000;
    padding: 15px;
}

a,
blockquote h3,
.admissions-heading,
.student-info h4,
#didyouknow-question,
.sub-page a,
.basic-content a,
.pres-message:not(img),
#breadcrumbs a,
.scholar-check i,
.meta-majors i,
.financial-address,
.right-degree > h4,
#degree-copy h4,
.quickstart i:hover,
.social a:hover,
.info-area h3 a,
.info-area p,
.info-area ul,
.news-excerpts h3 a,
.post-copy a,
.program-copy > .degree-buttons a,
.tmm .tmm_names {
    color: #d2152c;
}

.home,
p.home,
#slogan,
#top-nav a,
.center a,
.sub-icons a,
a.red-button,
.center a,
.triple-A a,
#academics p.division-description,
#athletics p.division-description,
#arts p.division-description,
.infographic-home h2,
.infographic-bg h2,
.programs,
.explore-programs .program-label a,
.slider-area h2,
.new-student-resources h2,
.maps-text a,
.new-student-resources h2,
.news-excerpts > a.read-more-button,
.dss-right h2,
.dss-right p,
.dss-right .white-list a,
.see-advisor p,
.red-bg h3,
.red-bg p,
h3 > a.meta-link,
.strat-title h2,
.strat-college-mission h4,
.strat-college-mission p,
.degree-choices h2,
.degree-choices ul li,
.gainful-blurb h2,
.gainful-blurb p,
.gainful-blurb p a,
#welcome,
#shine-tagline,
.quickstart a,
.quickstart i,
p.financial-aid-link,
.financial-aid-link a,
.scholar-selection h3,
.scholar-selection p,
.scholar-selection p span,
.scholar-selection ul li,
.scholarship-note h3,
.scholarship-note p,
.basic-content > #scholar-app,
.department_intro p a:not(.inline-link),
.financial-staff h3,
.hr-benefits,
.hr-benefits h3,
.hr-benefits p,
.sub-page .hr-benefits .ufaq-faq-post a,
.safety-policy h3,
.college-contact-info,
.college-contact-info a,
.team-bg h3,
.right-program h3,
.right-program ul li,
.program-more-info a,
#admit-start h4,
#admit-start h4 a,
#post-admit h4,
#post-admit h4 a,
#specialty,
#specialty h4,
#specialty ul li a,
#ufaq-faq-body,
.home > div.mtphr-dnt > div.mtphr-dnt-tick *,
.home div.mtphr-dnt-default-tick,
.home div.mtphr-dnt-default-tick::before,
.home div.mtphr-dnt-default-tick::after,
div.mtphr-dnt-tick-contents,
span.footer-contact {
    color: #ffffff;
    color: white;
    color: rgb(255, 255, 255);
}

div.mtphr-dnt > div.mtphr-dnt-tick * !important,
div.mtphr-dnt-default-tick,
div.mtphr-dnt-default-tick::before,
div.mtphr-dnt-default-tick::after,
div.mtphr-dnt-tick-contents {
	-webkit-text-fill-color: #ffffff;
	-webkit-text-fill-color: white;
	-webkit-text-fill-color: rgb(255, 255, 255);
	}
/* ------ SAFARI FONT COLOR FIX --------- */
.scholar-selection p,
.scholarship-note p strong,
.future-raiders p.financial-aid-link,
.raiderreps h3,
.raiderreps p,
.dss-right p,
.aspen-dyk p,
.enrollment-stats,
.gainful-blurb p,
.hr-benefits p,
.degree-banner-content p {
    -webkit-text-fill-color: white;
}

p:not(p.home),
.testimonial p,
.admissions-content,
.student-info p,
.student-info li,
.page-template-program-page ul,
.statements ul,
.apply-steps ul,
.about-copy h3,
.future-resources,
.intro-didyouknow,
#breadcrumbs,
.future-ul-faq,
.mtphr-dnt-tick-container {
    color: #333333;
}

.red-button {
    background-color: #d2152c;
    padding: 1em;
    display: block;
    margin: 2rem 0;
    letter-spacing: 2px;
    border-radius: 3px;
    width: fit-content;
    font-family: 'Oswald', sans-serif;
    font-weight: normal;
    font-size: 1.25rem;
}

.white-button {
    background-color: #ffffff;
    background-color: white;
    background-color: rgb(255, 255, 255);
}

.red-button:hover,
.white-button:hover {
    box-shadow: 0px 1px 1px #726f6f82;
    background-color: #a30000;
}
.red-button,
aside a {
    text-decoration: none;
}
.red-bg,
.financial-aid-link .plain-link,
.program-more-info .plain-link {
    background: #d2152c;
}

.financial-aid-link .plain-link,
.program-more-info .plain-link {
    padding: 0.5em 1em;
    border-radius: 5px;
    margin: 0 1em;
    font-size: 1rem;
}

/* ------ ICON MENUS -------- */
.icon-menu {
    margin: 1em;
}

/* -- PAGINATION --- */
.pagination {
    width: 100%;
    margin: 5% auto;
    text-align: center;
}

.pagination .page-numbers {
    background: #d2152c;
    color: #ffffff;
    color: white;
    color: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 0.5em 1em;
}

/* ---------------------- TEXT ALIGN / PARAGRAPH FORMAT --------------- */
.center,
.sub-icons,
.red-button,
.white-button,
.triple-A,
.programs,
.student-type,
.helpful-links h3,
.apply-steps h2,
.slider-area h2,
.new-student-resources h2,
.new-student-resources h2,
.programs article,
.apply-steps i,
.maps-text a,
.academics > .sub-page > .grid > article > section h3,
.program-copy > .degree-buttons,
.financial-aid-link,
.eligibility h3,
.admissions-faq h3,
.list-page h2,
.pres-bio h2,
.pres-bio h3,
#pres-buttons,
.faculty-profiles h3,
.financial-hours,
.financial-address,
.financial-contact,
.aid-dates h3,
.financial-forms h3,
.financial-aid .faq-area h3,
.financial-staff h3,
.hr h3,
.hr-benefits h3,
.hr-benefits p,
.hr-hire p,
.red-bg,
.info-area h3,
.meta-majors h3,
.strat-college-mission,
.strat-goals h5,
.downloads h2,
.team-bg h3,
.college-contact-info,
.info-area,
.infographic-bg,
.info-area h3 i,
.strat-goals,
.downloads ul,
.academic-meta,
.scholarships li,
.department_intro p:last-of-type,
.hr h3,
.student-mission,
.mission-group h3,
.college-contact-info,
#studentlife-mission-quote p,
.program-more-info,
#post-404 p,
#no-results,
.return-home-link,
.right-program,
.right-degree > h3,
.news div.navigation,
span.footer-contact {
    text-align: center;
}

.block,
.academic-meta .program h3 i,
.academic-meta .program,
.academics-img img,
#best-hashtag,
.news-excerpts img,
.banner-title > img,
.future-intro-img,
.single-news img,
.future-resources li,
.goal-items h5 img,
.info-area h3 i,
cite,
.testimonial img,
.sub-icons i,
.icons i,
#isp-logo {
    display: block;
}

.inline {
    display: inline-block;
}
.red-button.inline {
    margin: 1rem 0;
}
.statements li {
    line-height: 35px;
}


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.page-main-title {
    font-size: 1.3rem;
}
.parent-banner .page-main-title {
    font-size: 3.5rem;
}

.home-header {
    background: radial-gradient(rgba(64, 65, 66, 0.5), rgba(0, 0, 0, 0.7));
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    min-height: 100%;
}

/* CLOSURE NOTICE */
header #closure-notice {
    background: #f5f5f5;
    text-align: center;
    padding: 15px 0;
}

header #closure-notice h4 {
    color: #d2152c;
    font-weight: bold;
    margin: 0;
}

/* Promo Slide Out Modal */
/* Custom Drawer */
/* The sidebar menu */

#homeSidebar {
    height: auto;
    min-height: 100vh; /* Specify a height */
    width: 100%;
    max-width: 650px;
    position: fixed; /* Stay in place */
    z-index: 99999999999999999; /* Stay on top */
    top: 0;
    left: 0;
    background-color: #ffffff; /* white*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 5px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidepanel */
}
.hidden-sidebar {
    visibility: collapse;
}
#homeSidebar h4 {
    color: #000000;
}
#homeSidebar p {
    color: #3c3c3c;
}
#homeSidebar img {
    display: block;
    width:100%;
    max-width:
}
#homeSidebar #previewday2019 {
    max-width: 300px;
    margin: 1rem auto;
}
#homeSidebar #studentsPreviewDay {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -99999;
    opacity: 0.3;
}
#homeSidebar h4 {
    font-size: 1.75rem;
    text-align: center;
    margin-bottom: 0;
}
#homeSidebar p {
    font-weight: 400;
    padding: 0 5%;
    line-height: 25px;
}
#homeSidebar a.red-button {
    padding: 1rem;
    font-size: 1rem;
}
/* Position and style the close button (top right corner) */
#homeSidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

/* The button used to open the sidebar */
.openbtn {
  font-size: 25px;
  cursor: pointer;
  background-color: #ffffff;
  opacity: 0.9;
  color: #d2152c;
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  position: fixed;
  z-index: 9999999999;
  transform: rotate(90deg);
  left: -6rem;
  bottom: 35%;
  box-shadow: 1px 0px 16px #404040;
}

.openbtn:hover {
  opacity:1;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .home .sidebar {padding-top: 15px;}
  .home .sidebar a {font-size: 18px;}
}
@media (min-width: 768px) {
    #homeSidebar {
        width: 50%;
        padding: 2rem;
        box-shadow: inset 0 0 0 1000px #ffffff82;
        background: url('https://www.nwfsc.edu/wp-content/uploads/2020/02/CareerDay_Booth_blur_02.png') no-repeat bottom left / cover;
    }
    #homeSidebar #previewday2019 {
        max-width: 600px;
    }
    #homeSidebar h4 {
        font-size: 5rem;
    }
    #homeSidebar p {
        line-height: 28px;
    }
}
@media(min-width: 1360px) {
    #homeSidebar #studentsPreviewDay {
        opacity: 0.5;
    }
}
/* ------ /drawer --------- */
/* ----- TOP NAV --- */
.search .search-input::placeholder {
    font-size: 10px;
}

/* ----- LOGO ------- */
header h1 {
    background: transparent;
    width: 100%;
    padding: 0.5em 0;
    margin: 0;
    text-align: center;
}

/* ------ MAIN NAV ----- */
#logo-header {
    width: 75%;
    max-width: 200px;
    display: inline;
}

/* ----------------- TEMPLATE: SINGLE.PHP (SINGLE POST PAGE)--------- */
.sub-page h2 {
    font-size: 1.75em;
}

.sub-page h3 {
    font-size: 1.6em;
}

.sub-page h4 {
    font-size: 1.45rem;
}

.sub-page p,
.sub-page span,
.sub-page h3 {
    line-height: 30px;
}

/* -------------------- TEMPLATE: BASIC CONTENT PAGE -------------------- */
body.page-template-template-page {
    background: url('/wp-content/uploads/2020/04/whirlpool.png');
    box-shadow: inset 0 0 0 1000px rgba(239, 239, 239, 0.6);
}
.white {
    color: rgb(255, 255, 255);
    color: #ffffff;
    color: white;
}
.child-page.basic-content, .first-content.basic-content,
.quickstart,
.news .recent-wrap {
    background: url('/wp-content/uploads/2020/04/whirlpool.png');
}
.basic-content {
    margin-top: 2em;
    padding: 1rem 10% 5%;
}
.child-banner.banner-title {
    position: relative;
    background: url('/wp-content/uploads/2023/04/Drone_SSC.jpg') no-repeat center center;
    background-size: cover;
    padding:5%;
    height: auto;
    border-bottom: 3px solid #d2142c;
    box-shadow: inset 0 0 0 1000px rgba(38, 39, 39, 0.8);
        -webkit-box-shadow: inset 0 0 0 1000px rgba(38, 39, 39, 0.8);
        -moz-box-shadow:inset 0 0 0 1000px rgba(38, 39, 39, 0.8);
        -ms-box-shadow:inset 0 0 0 1000px rgba(38, 39, 39, 0.8);
}
.child-banner .page-main-title {
    text-align: left;
    width: 100%;
    top: 15%;
    text-shadow: 1px 1px 14px #3b3b3b;
    font-size: 3.5rem;
}
#banner-ribbon {
    position: absolute;
    width: 100%;
    bottom: -6%;
    left: 0;
    max-height: 45px;
}

.basic-content.first-content section ul li,
.basic-content.first-content section ol li {
    margin-bottom: 2%;
}
.basic-content ol.big-list li,
.basic-content ol.big-list li a,
.basic-content ul.big-list li,
.basic-content ul.big-list li a {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
}
.basic-content p a:not('red-button') {
    text-decoration: underline;
}

/* General FAQs STYLING */
/* HR BENEFITS ACCORDION */
.basic-content .ufaq-faq-div {
    background: #ffffff;
}

.ewd-ufaq-post-margin-symbol span {
    font-size: 1.1rem;
    font-weight: bold;
    margin-right: 25px;
    transition: all 0.2s;
}

.ufaq-faq-title:hover .ewd-ufaq-post-margin-symbol span {
    transform: rotate(90deg);
}

.ufaq-faq-list .ufaq-faq-title {
    background: #ffffff;
    padding: 10px;
    transition: all 0.2s;
    border: 1px solid #dddddd;
}

.ufaq-faq-list .ufaq-faq-title:hover {
    box-shadow: 1px 1px 1px #dbdbdbf2;
    border-left: 8px solid #d2152c;
}

.basic-content .ufaq-faq-list .ufaq-faq-title-text h4 {
    padding: 0;
    font-size: 1.3rem;
	font-weight: normal;
    color: rgb(8, 5, 3);
	width: 100%;
}

.ufaq-faq-list + .ufaq-faq-list {
    width: 100%;
    margin-left: 5%;
}

.basic-content .ufaq-faq-list .ufaq-faq-title-text h4,
.basic-content .ufaq-faq-post h4,
.basic-content .ufaq-faq-post h5,
.basic-content .ufaq-faq-post ul {
    margin-top: 0;
}

main.basic-content .ufaq-faq-post h3,
main.basic-content .ufaq-faq-post h4,
main.basic-content .ufaq-faq-post h5,
main.basic-content .ufaq-faq-post p,
main.basic-content .ufaq-faq-post ul,
main.basic-content .ufaq-faq-post img, {
    width: 100%;
    margin-left: 5%;
}

.basic-content .ufaq-faq-post ul,
.basic-content .ufaq-faq-post ul li {
    margin-bottom: 0;
}


/* -------------------- TEMPLATE: PARENT PAGE -------------------- */
.banner-title {
    position:relative;
}
.parent-banner.banner-title::before {
    content: '';
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:radial-gradient(#00000052, #0e0e0e63, #0000001f, #2d2d2d1f);
        -webkit-background:radial-gradient(#00000052, #0e0e0e63, #0000001f, #2d2d2d1f);
        -ms-background:radial-gradient(#00000052, #0e0e0e63, #0000001f, #2d2d2d1f);
        -moz-background:radial-gradient(#00000052, #0e0e0e63, #0000001f, #2d2d2d1f);
        -o-background:radial-gradient(#00000052, #0e0e0e63, #0000001f, #2d2d2d1f);
}

.parent-banner.banner-title img {
    margin: 0 auto;
    width: 100%;
    height: auto;
    min-height: 300px;
    max-height: 350px;
    object-fit: cover;
    overflow: hidden;
}
.parent-banner .page-main-title {
    position: absolute;
    width: 100%;
    top: 15%;
    text-shadow: 1px 1px 14px #3b3b3b;
}
.parent-banner .page-main-title::after {
    content: '';
    display: block;
    width: 30px;
    margin: 0 auto;
    padding: 5px;
    background: #d2152c;
    border: none;
}

/* Callout Area */
div.callout {
    background: #262626;
    text-align: center;
    color: #ffffff;
    color: rgb(255,255,255);
    color: white;
    position: relative;
}
.callout #callout-ribbon {
    position: absolute;
    width: 100%;
    top: -0.5rem;
    left: 0;
    max-height: 50px;
}
div.callout img#callout-bg {
    width: 100%;
    margin: 0 auto;
    box-shadow: 6px 9px 20px #121212;
}
div.callout #callout-wrapper {
    padding: 0 10% 2rem;
}
div.callout #callout-wrapper * {
    color: #ffffff;
    color: rgb(255,255,255);
    color: white;
}
div.callout #callout-wrapper a:not(red-button) {
    text-decoration: underline;
}
div.callout #callout-wrapper .red-button {
    text-decoration: none;
    margin: auto;
}
/* Third Content Area */
.third-content.basic-content {
    padding: 5% 10%;
    position: relative;
    background-image: url('/wp-content/uploads/2020/04/CampusLawn-texture.png');
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    margin-top: 0;
    box-shadow:inset 0 0 0 1000px rgba(255, 255, 255, 0.83);
}

@media (min-width: 1024px) {
    .callout section {
        display: flex;
        height: fit-content;
        position: relative;
    }
    div.callout div#callout-wrapper {
        width: 100%;
        background: none;
        max-width: 1250px;
        text-align: left;
        z-index:99;
        padding: 5% 10%;
    }
    div.callout #callout-wrapper .red-button {
        margin: 1rem 0 2rem;
    }
    div.callout img#callout-bg {
        filter: blur(3px) brightness(0.45);
        -webkit-filter: blur(2px) brightness(0.45);
        -moz-filter: blur(2px) brightness(0.45);
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        overflow: hidden;
        object-fit: cover;
    }
    .callout #callout-ribbon {
        top: -1.5rem;
        max-height: 40px;
        z-index: 1;
    }
}

@media (min-width: 1364px) {
    .parent-banner .page-main-title {
        top: 25%;
    }
}
/* ---- BASIC CONTENT : DISABILITY RESOURCES PAGE ----- */
.dss-steps {
    padding: 2em 2em 4em;
}

.dss-right {
    background: radial-gradient(rgba(210, 21, 44, 0.7), rgba(210, 21, 44, 0.9)), url('/wp-content/uploads/2017/08/ssc_exterior.jpg') no-repeat center center;
    background-size: cover;
    padding: 2em;
}

.disability-support-services > #dss-start {
    margin-top: 0;
}

.dss-steps,
.dss-right {
    margin: 2em 0;
}

}
/* ------------------- BASIC CONTENT : GRADUATION PAGE ----------------- */
#grad-eligible,
.red-bg,
.gray-bg {
    padding: 2em 0;
    margin: 2em 0;
}
/* ---------- BASIC CONTENT: ISP -------- */
#isp-logo {
    margin: 1em auto;
}

/* ---- BASIC CONTENT: VETERANS SUCCESS PAGE -------- */
body.veterans .banner-title > img {
    position: relative;
}
body.veterans .banner-title > img::after {
    content: '<p>Photo Courtesy Devon Ravine of Northwest Florida Daily News</p>';
    font-size: 0.9rem;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 1%;
    z-index: 9999999999;
}
/* ------------------------------ HOME PAGE ------------------ */

/* -- CONTAINER --- */
.home-container {
    width: 100%;
    margin: auto;
    background: #333333;
}
.home .spotlight {
    max-width: 1500px;
    margin: auto;
}

/* --- HERO CtA --- */


.landing {
  padding: 3em 0;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.landing #hero-group {
  text-align: center;
}

.landing #hero-group img {
  max-width: 100%;
}

.landing #hero-group a {
  background-color: #d3032a;
  padding: 1em;
  letter-spacing: 3px;
  box-shadow: 0 1px 5px #333333;
  margin: 0 0 1em;
  display: inline-block;
  border-radius: 5px;
}

/* ---- ICON BAR NAVIGATION --- */
.quickstart i {
    font-size: 4em;
    color: #d3042a;
    padding-bottom: 1rem;
}

.quickstart a {
    font-size: 1em;
    color: #414141;
    text-decoration: none;
}

/* --- TESTIMONIAL --- */
.testimonial {
    color: #ffffff;
    color: rgb(255,255,255);
    color: white;
    /*
    padding: 5em 0.75em;
    */
    background: url('/wp-content/uploads/2024/02/home-quote-AdobeStock_641882588.jpg') no-repeat center center / cover;
    width: 100%;
    padding: 0;
}

.testimonial .white-bg {
    background: rgba(1, 1, 1, 0.86);
    -moz-background: rgba(1, 1, 1, 0.86);
    -webkit-background: rgba(1, 1, 1, 0.86);
    -o-background: rgba(1, 1, 1, 0.86);
    padding: 7% 10%;
    width: 100%;
    margin: auto;
}

.testimonial img {
    width: 50%;
    height: auto;
    margin: auto;
    max-width: 245px;
    transition: all 1s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.testimonial img:hover {
    width: 60%;
    transform: rotate(-10deg);
}

.testimonial i {
    padding: 0 5px;
}

.testimonial blockquote h3 {
    display: inline;
    line-height: 2em;
    color: #ffffff;
    color: rgb(255,255,255);
    color: white;
}
blockquote i {
    color: #d2152c;
}
cite {
    font-size: 0.75em;
    margin-top: 1rem;
    line-height: normal;
    font-weight: normal;
}
.testimonial a {
    width: 35%;
}
.testimonial .red-button {
    margin: 3rem auto 0;
}

/* --- ATHLETICS, ACADEMICS AND ARTS --- */

.triple-A {
    border-bottom: 10px solid #d3042a;
    border-top: 10px solid #d3042a;
}
.triple-A h3 {
    font-size: 1.2em;
    border-bottom: 2px solid #ffffff;
    padding: 0 1em;
    letter-spacing: 8px;
}

.triple-A p {
    font-size: 1em;
    line-height: 2em;
}

.triple-A p {
    padding: 0.5em 2em;
    letter-spacing: 1px;
}

#athletics,
#academics,
#arts {
    padding: 2em;
    background: #1b1b1b;
}

#athletics,
#academics {
    margin-bottom: 0.5em;
}

/* ---------- INFOGRAPHIC (HOME PAGE) ------ */
.info-area {
    padding: 10em 5em;
}

.infographic-bg {
    background: radial-gradient(rgba(210, 21, 44, 0.2), rgba(210, 21, 44, 0.2)), url('/wp-content/uploads/2017/10/Clip-56.mov');
    padding: 4em;
    height: 100vh;
}

.academics .infographic-bg {
    background: #eeeeee;
    padding: 0;
}

.hidden {
    visibility: collapse;
    overflow: hidden;
    height: 1px;
    width: 1px;
}

.info-area h3,
.meta-majors h3 {
    font-size: 1.5em;
}

.info-area h2 {
    letter-spacing: 10px;
}

.info-area h3 i {
    font-size: 1em;
    margin-bottom: 10px;
}

.info-area ul {
    text-align: left;
    width: 60%;
    margin: 0 0 0 40%;
}

.info-area ul li {
    margin-bottom: 0.5em;
}

.meta-more {
    font-size: 1em;
    margin-top: 2em;
}

/* Explore Programs --- META MAJOR DETAILS */
.meta-majors h3 {
    letter-spacing: 5px;
}

.meta-majors h3 i {
    margin-right: 0.5em;
}

hr.meta-line {
    width: 45%;
    margin: 10% auto;
}

.degree-list ul li a {
    font-weight: 400;
}

.degree-list ul li a:hover {
    text-decoration: underline;
}
/* --- DEGREE OPTIONS TABLES --- */
.program-degrees article {
    width: calc(100% / 4 - 1em);
    display: inline-block;
    margin: auto;
}

.program-degrees {
    width: 70%;
    margin: auto;
}

#biz-details {
    margin-top: 10%;
}



/* --- STUDENT QUICKSTART --- */
.quickstart {
    padding: 1rem;
}

.quickstart h3 {
    font-size: 2em;
    margin-bottom: 2em;
}

/* ------------------- STRATCOMM PORTAL --------- */

/* Landing */
.stratcom-copy ul li i {
    color: #d2152c;
    font-size: 2rem;
}

.stratcom-copy img#stratcom-flow {
    width: 100%;
    max-width: 600px;
    margin: 5% auto;
    display: block;
}

/* Pols and Procedures */
ul#strat-sidebar {
    max-width: 300px;
    margin: auto;
}

ul#strat-sidebar li a {
    padding: 1em;
    font-weight: bold;
    font-size: 0.9rem;
}

ul#strat-sidebar li {
    padding: 10px;
    box-shadow: 2px 2px 5px #00000047;
    border-left: 5px solid #d2152c;
    transition: all 0.3s;
}

ul#strat-sidebar li#strat-request-tab {
    background: #d2152c;
    border-left: 5px solid #ffffff;
}
ul#strat-sidebar li#strat-request-tab a {
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
}
ul#strat-sidebar li:hover {
    border-left: 8px solid #d2152c;
}
ul#strat-sidebar li#strat-request-tab:hover {
    border-left: 8px solid #ffffff;
}
table.strat-pols {
    width: 80%;
    margin: auto;
    max-width: 700px;
}
.strat-pols h4 {
    margin: 0;
}

.strat-pols td,
.basic-content table td {
    padding: 1%;
}

.strat-pols tr:nth-child(even),
.basic-content table tr:nth-child(even) {
    background: #ffffff;
}
.basic-content table thead {
    border-bottom: 2px solid #d2152c;
    margin-bottom: 1rem;
    background: #353030;
}
.basic-content table thead td {
    border-right: 1px solid #444444;
    color: white;
    color: #ffffff;
    color: rgb(255,255,255);
}
.basic-content table tbody td {
    border-right: 1px solid #e5e5e5;
}
.basic-content table tbody {
    border-bottom: 1px solid #e5e5e5;
    border-left: 1px solid #e5e5e5;
}

@media (min-width: 750px) {
    ul#strat-sidebar {
        float: left;
        margin: 4% 0 0 4%;
        width: 25%;
        max-width: 300px;
    }

    div.stratcom-copy {
        max-width: 1350px;
        float: left;
        width: 70%;
    }

    table.strat-pols {
        margin: 0 0 0 20%;
    }

    footer {
        clear: both;
    }

}
/* ------------------- STRATEGIC PLAN -------------------- */

/* -- HIDE NAV --- */
#strat-nav {
    visibility: hidden;
}

#strat-footer a {
    text-decoration: underline;
}

@media (min-width: 700px) {
    #strat-logo {
        text-align: left;
    }

    #strat-logo img {
        float: none;
        margin: 0 0 0 1em;
    }
}

/* ---- Strategic Plan Top Banner ----- */
.strat-title {
    background: #d2152c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #989ba0, #000000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #989ba0, #000000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #989ba0, #000000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #989ba0, #000000); /* Standard syntax */
    padding: 1em 5%;
    text-align: left;
}

.strat-title h2,
.strat-title h3 {
    font-weight: 300;
    letter-spacing: 2px;
    margin-top: 0;
}

.strat-title h2 {
    text-transform: uppercase;
    font-size: 1.5em;
    margin-bottom: 0;
}

.strat-title h3 {
    color: #e5c239;
    font-size: 1em;
    margin-top: 0;
}

/* ---- Strategic Plan College Mission ----- */

.strat-college-mission {
    background: radial-gradient(rgba(210, 21, 44, 0.75), rgba(210, 21, 44, 0.85)), url('/wp-content/uploads/2017/08/ssc_exterior.jpg') center center no-repeat;
    background-size: cover;
    height: auto;
    padding: 3em 1em;
}

.strat-college-mission h4,
.downloads h2 {
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: 300;
    font-size: 1.5em;
}

.strat-college-mission p {
    font-size: 1em;
    line-height: 35px;
    color: white;
}

.strat-college-mission p,
.goal-items p {
    max-width: 1200px;
    margin: auto;
}

/* ------- Goals ---- */
.strat-goals {
    background: #e5c239;
    background: -moz-linear-gradient(#dfb50d, #e5c239cc);
    background: -webkit-linear-gradient(#dfb50d, #e5c239cc);
    background: -o-linear-gradient(#dfb50d, #e5c239cc);
    background: linear-gradient(#dfb50d, #e5c239cc);
    padding: 2em 1em;
}

.goal-items h5 {
    font-size: 1.5em;
    margin-bottom: 10px;
}

.goal-items p {
    font-size: 1em;
    margin-bottom: 2em;
}

.goal-items h5 img {
    width: 40%;
    height: auto;
    max-width: 150px;
    margin: auto;
}

/* ------- DOWNLOADS ------ */
.downloads ul {
    padding: 0;
}

.downloads li,
.downloads a.red-button {
    display: inline-block;
    vertical-align: top;
    padding: 1em;
    margin: 0;
}

.downloads h2 {
    margin-top: 2em;
}

/* ------------------- TEMPLATE: FUTURE STUDENTS --------- */

.future-raiders .financial-aid-link {
    margin: 0;
}

/* -- INTRO -- */

.future-intro-img {
    width: 50%;
    max-width: 300px;
    margin: auto;
    height: auto;
}

.future-intro-copy h2 {
    margin: 5% 0 0;
}

.future-intro-copy {
    padding: 0 4em 4em;
    line-height: 30px;
}

.future-intro-copy > p > a.red-button {
    width: 300px;
    display: inline-block;
    margin: 2em 1em;
}

.future-intro-copy p:last-of-type {
    text-align: center;
}

.future-raiders .future-resources {
    padding: 1em;
}

.online-campus .future-resources {
    padding: 0;
}

.online-campus .future-resources ul li a i {
    margin-right: 0;
}

.online-campus .future-resources ul {
    margin: 0 auto 5%;
}

.online-campus div#n2-ss-5-align {
    margin-top: 5%;
}

.online-campus .red-button {
    font-size: 1rem;
}

/* --- ADMISSIONS FAQ ----- */
.admissions-faq {
    background: radial-gradient(rgba(210, 21, 44, 0.95), rgba(210, 21, 44, 0.8)), url('/wp-content/uploads/2017/08/admissions-banner.jpg') center center no-repeat;
    background-size: cover;
    padding: 2em 0;
}

.admissions-faq h2,
.admissions-faq h3,
.admissions-faq .ufaq-faq-body h4,
.admissions-faq .ufaq-faq-body h5,
.admissions-faq p,
.admissions-faq .ufaq-faq-body p,
.admissions-faq ul li,
.admissions-faq ul li a,
.admissions-faq p a,
*.admissions-faq {
    color: #ffffff;
    color: white;
    color: rgb(255, 255, 255);
}

.admissions-faq .ufaq-faq-title-text h4 {
    color: black;
}

.admissions-faq a {
    font-weight: 900;
}

/* --- APPLY STEPS --- */

.apply-steps,
.admissions-faq {
    clear: both;
}


/* --- STUDENT RESOURCES ICONS --- */
.future-resources {
    background: #eeeeee;
    margin: 0;
}

.future-resources li {
    width: 95%;
    margin: 2em auto;
}

.future-resources li i {
    margin-right: 1em;
    font-size: 1em;
    color: #333333;
}

.future-resources li a {
    text-decoration: none;
}

/* ----- See an Advisor --- */
.future-raiders .see-advisor {
    background: radial-gradient(rgba(83, 84, 86, 0.9), rgba(83, 84, 86, 0.85)), url('/wp-content/uploads/2017/08/ssc_exterior.jpg') no-repeat center center / cover;
    padding: 2em;
    margin: 0;
}

/* --- HELPFUL LINKS --- */
.helpful-links {
    padding: 10em 2em;
}

#links-container {
    width: 100%;
    margin-left: 10%;
}

.helpful-links ul li {
    margin: 1em 0;
    list-style-type: none;
}


/* ---------- CAREER DAY ---------- */
.careerday-details {
    background: url('https://www.nwfsc.edu/wp-content/uploads/2020/02/CareerDay_Booth_blur_02.png') no-repeat center center / cover;
    color: black;
    color: #000000;
    color: rgb(0, 0, 0);
    text-align: center;
    position: relative;
    box-shadow: inset 0 0 0 1000px rgba(235, 231, 232, 0.88);
    padding: 0 5%;
}

.sub-page .careerday-details h2 {
    color: #000000;
    color:black;
    margin: 0;
    padding-top: 5%;
    font-size: 2.5rem;
    font-weight: 700;
    text-align: center;
    text-shadow: 0px 0px 5px #ffffff80;
}
.sub-page .careerday-details h2 span {
    color: #d5214b;
}
.careerday-details .group {
    padding: 0 5% 5%;
}

.careerday-details p {
    display: inline-block;
    margin-top: 0;
}

.careerday-details img.logo {
    width: 100%;
    max-width: 175px;
    display: inline-block;
    border: 10px solid #ffffff;
    vertical-align: middle;
}

.careerday-details ul {
    max-width: 800px;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.careerday-details ul li {
    list-style-type: none;
    font-size: 1.5rem;
}

.careerday-details ul li a {
    font-size: 1.2rem;
    color: #ffffff;
}

.careerday-employers {
    padding-bottom: 5%;
}
.sub-page .careerday-employers {
    padding: 2% 10% 5%;
    max-width: 1200px;
    margin: 0 auto;
}
.sub-page .careerday-employers h3 {
    font-size: 2rem;
    margin: 3rem auto 1rem;
    color: black;
    color: #000000;
}
.sub-page .careerday-employers h4 {
    font-size: 1.5rem;
    margin-bottom: 0;
    color: #d5214b;
    border-bottom: 4px solid #f1f1f1;
    padding-bottom: 5px;
}
.careerday-employers p {
    font-size: 18px;
    margin: 0 auto;
    padding: 0 auto;
}
.careerday-employers a {
    color: #d5214b;
}
.careerday-employers .employer-logos {
    padding: 5%;
    max-width: 1000px;
    margin: auto;
}
.careerday-employers .employer-logos img {
    width: 100%;
    background: white;
    background: #ffffff;
    background: rgb(255, 255, 255);
    margin: 5px;
    padding: 15px;
}

@media (min-width: 750px) {
    .sub-page .careerday-details h2 {
        font-size: 3.5rem;
    }
    .sub-page .careerday-details img:not(.logo) {
        width: 100%;
        max-width: 950px;
    }
    .careerday-details ul li {
        font-size: 2.25rem;
    }

    .sub-page .careerday-employers ul li {
        margin: 0.5rem 1rem;
    }
}

@media (min-width: 1050px) {
    .sub-page .careerday-details {
        height: auto;
    }
    .sub-page .careerday-employers ul {
        columns: 2;
    }
}



/* --------- Raider Ready Orientation Page --------- */
.raiderready-gray {
    background: linear-gradient(to bottom, #3e3d3d, #212121);
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    padding-bottom: 2%;
}

.raiderready-gray img {
    max-width: 900px;
    display: block;
    margin: auto;
}

.raiderready-gray h4,
main.sub-page section.raiderready-gray p {
    margin: 0;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
}

.raiderready-gray .red-button {
    transition: 0.2s;
}
.raiderready-gray .red-button:hover {
    background: #ac0404;
}

.raiderready-gray h4:nth-of-type(2) {
    font-size: 2.5rem;
    letter-spacing: 2px;
    font-family: 'Audiowide', cursive;
}

.raiderready-gray span {
    width: 10%;
    background: white;
    background: #ffffff;
    background: rgb(255, 255, 255);
    height: 3px;
    display: inline-block;
    vertical-align: middle;
    margin: 1em;
}

.raiderready .checkerboard {
    height: 1em;
    background-image: linear-gradient(45deg, #000000 25%, transparent 25%), linear-gradient(-45deg, #000000 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #000000 75%), linear-gradient(-45deg, transparent 75%, #000000 75%);
    background-size: 20px 20px;
    background-position: 0 0, 0 10px, 10px -10px, -10px 0;
}

.raiderready .raiderready-schedule {
    background: linear-gradient(to bottom, #00000045, #010101b8), url('https://www.nwfsc.edu/wp-content/uploads/2018/06/AdobeStock_130942340.jpeg') no-repeat center center;
    background-size: cover;
    padding: 2%;
}

.raiderready .raiderready-schedule h3 {
    text-align: center;
    color: white;
    font-family: "Audiowide", cursive;
    text-transform: uppercase;
    font-size: 3rem;
}

.raiderready .raiderready-schedule table {
    background: gray;
    font-weight: bold;
}

/* Gray Background & Logo Area */
.raiderready .table {
    width: 100%;
    max-width: 950px;
    margin: auto;
    border: 0 none;
    border-collapse: collapse;
    padding: 1em;
    box-shadow: 3px 3px 20px 1px #00000070;
}

.raiderready .strat-pols tbody th {
    text-align: left;
    font-size: 1.2rem;
    padding: 1em;
    background: #d2152c;
    color: white;
}

.raiderready .strat-pols tbody tr td {
    margin-bottom: 1em;
    padding: 2%;
}

.raiderready .strat-pols tbody tr:nth-last-of-type(even) {
    color: white;
    background: #676666;
}

.raiderready .strat-pols tbody tr:nth-last-of-type(odd) {
    background: #d2d2d2;
}

.raiderready .raiderready-schedule table p em {
    font-size: 1rem;
}

@media (min-width: 768px) {
    .raiderready .raiderready-schedule {
        padding: 5%;
    }

    .raiderready .raiderready-schedule .strat-pols {
        max-width: 950px;
        margin: auto;
    }
}

/* ---- Tooltip --- */
.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip:hover::after {
    content: '';
    display: block;
    position: absolute;
    font-size: 1.9em;
    color: #ffffff;
    font-weight: bold;
    text-shadow: 1px 1px 3px #333333;
}
/* ---- SINGLE NEWS PAGE ----- */
.post-copy {
    width: 90%;
    margin: auto;
    padding: 1em;
    line-height: 30px;
}

.single-news section.post-copy h2 {
    font-size: 1.75em;
    margin-bottom: 0; 
}

.post-copy h2 a {
    text-decoration: none;
    line-height: 45px;
}

.single-news section.post-copy p.post-date-wrapper {
    margin: 0 auto 2%;
}

p a.news-back {
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    background: red;
    background: #d2152c;
    padding: 10px;
    font-size: 1rem;
    border-left: 5px solid #000000;
    transition: all 0.3s;
}

p a.news-back i {
    display: none;
    opacity: 0;
}

p a.news-back:hover {
    border-left: 10px solid #000000;
}

p a.news-back:hover i {
    display: inline;
    opacity: 1;
}

.image-container {
    width: 100%;
    background-color: #f5f5f5;
    margin-bottom: 2rem;
}

.single-post .single-news img {
    margin: auto;
    width: auto;
}
.single-post .single-news .image-container img {
    width: 100%;
}
.sub-page .single-news .post-copy p img,
.sub-page .single-news .post-copy .wp-caption img {
    max-width: 700px;
    width: 100%;
    margin: 0;
    display: block;
    height: auto;
}

.sub-page .single-news .post-copy .wp-caption {
    margin-top: 5%;
    width: 100%;
    height: auto;
}

.sub-page .single-news .post-copy p.wp-caption-text {
    font-size: 0.9rem;
    line-height: 25px;
    font-style: italic;
    max-width: 700px;
    text-align: center;
    margin: 15px auto;
}

.single-post .single-news span.date {
    font-size: 1rem;
}

/* ----- JOBS PAGE ----- */
.single-news .job_description img {
    max-height: none;
    width: 80%;
}

/* -- Jobs Pages -- */
.single-job_listing .single-news section.image-container a img {
    margin: auto;
}
/* INTERNATIONAL ADMISSIONS PAGE */

.international .gray-bg .col {
    max-width: 800px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 1rem;
    background: #f5f5f5;
    padding: 2rem;
}

/* -------- SELECTIVE ADMISSIONS / OTHER RESPONSIVE TABS ---------- */
#selective-tabs,
#accreditation-tabs,
.hr-tabs,
.human-resources .hr-eaeo .basic-content h4,
.tuition .attendance-cost {
    max-width: 1150px;
    margin: auto;
}

.human-resources .hr-eaeo .basic-content h4 {
    margin-top: 5%;
}

.basic-content #selective-tabs .accordion-content *,
.hr-tabs #accordions-4177 .accordion-content *,
.hr-tabs #accordions-4164 .accordion-content *,
.hr-tabs #accordions-5618 .accordion-content * {
    width: 85%;
}

#selective-tabs .red-button {
    margin-top: 5%;
}

#tab_container_2471 .tab-content,
#tab_container_2891 .tab-content,
#tab_container_3049 .tab-content {
    border: none;
    background: #ffffff;
}

#tab_container_2471 .wpsm_nav,
#tab_container_2891 .wpsm_nav,
#tab_container_3049 .wpsm_nav {
    width: 100%;
}

.tab-copy-container {
    text-align: left;
}

#tab-content_3049 .tab-copy-container ul {
    margin-top: 0;
}

#selective-tabs .accordion-content ul li::before {
    font-family: 'FontAwesome';
    content: '\f05d';
    margin: 0 5px 0 -15px;
    color: #d2152c;
}

#selective-tabs .accordion-content ul li {
    margin-left: 2em;
}

#selective-tabs #accordions-3256 .accordions-head,
.hr-tabs #accordions-4177 .accordions-head,
.hr-tabs #accordions-4164 .accordions-head,
.hr-tabs #accordions-4180 .accordions-head,
.tuition #accordions-4310 .accordions-head,
.hr-tabs #accordions-5618 .accordions-head {
    font-size: 1em;
    box-shadow: 0 1px 1px #cccccc;
    border: transparent;
    margin: 5px 0;
    font-family: 'Trajan Pro', sans-serif;
    padding: 15px;
    text-align: center;
}

#selective-tabs .accordion-content img {
    box-shadow: 0 2px 5px #555555;
    width: 100%;
    height: auto;
}

#selective-tabs .accordion-content h6 {
    font-size: 1em;
}

.hr-tabs .accordion-content p {
    font-size: 1.1rem;
}

/* --------------- BOARD POLICIES ----------- */
#accordions-2574 {
    max-width: 800px;
    margin: 5% auto;
}

#accordions-2574 .accordions-head {
    border-radius: 5px;
    font-weight: bold;
}

/* ---------------------- TEMPLATE: BUZZ PAGE ----------------------- */
body.news {
    max-width: none;
}

.centered {
  display: flex;
  justify-content: center;
}


.news .buzz-recent h3,
.news .recent-wrap h3,
.news .buzz-upcoming h3,
.news .youtube-feed h3 {
    font-size: 2rem;
    border-left: 10px solid #d2152c;
    padding-left: 10px;
}

.news .buzz-recent .stories-container .rev_slider_wrapper::after {
    clear: both;
}

.news .buzz-recent {
    max-width: 1400px;
    margin: 5% auto 0;
    width: 90%;
}

.news .recent-wrap {
    padding: 1% 10% 5%;
    padding-bottom: 10%;
    clear: left;
    width: 100%;
    margin-top: 5%;
    
}

.news .recent-wrap ul {
    background: white;
    padding: 0 2%;
    list-style-type: none;
    display: inline-block;
    border: 1px dotted #888888;
    margin-right: 2%;
}
.news .recent-wrap ul li {
    font-size: 1.25rem;
}
.news .recent-wrap ul li:not(:last-of-type) {
    border-bottom: 1px dotted #888888;
}

.news .recent-wrap ul li h4 {
    font-weight: normal;
}

.news .recent-wrap ul li a {
    color: black;
}
.news .recent-wrap ul li a i {
    margin-left: 5px;
    font-size: 0.9rem;
    vertical-align: middle;
    color: #c3c3c3;
    
}
.news .recent-wrap ul li a:hover,
.news .recent-wrap ul li a:hover i {
    color: #d2152c;
}

/*.buzz .buzz-recent .recent-wrap-single {
    width: 70%;
    display: inline-block;
    max-width: 1150px;
    vertical-align: top;
}*/

.news aside.partner-news {
    margin-top: 2%;
    clear: both;
    max-width: 1250px;
}

.news aside.partner-news h4 {
    padding: 0;
}

.news aside.partner-news div {
    display: block;
    margin-bottom: 10%;
    clear: both;
    position: relative;
}

.news aside.partner-news div img {
    filter: brightness(95%);
    transition: all 0.2s;
    display: block;
    width: 100%;
}
.news aside.partner-news div a {
    position: absolute;
    bottom: 0;
    background: #000000c9;
    color: white;
    font-size: 1rem;
    font-weight: bold;
    padding: 1rem;
    width: 100%;
    transition: all 0.3s;
}

.news aside.partner-news div a:hover {
    background: #d2152cc9;
    text-decoration: underline;
    padding-bottom: 1.5rem;
}

.news aside.partner-news div a i {
    margin-left: 10px;
    vertical-align: middle;
}

.news .social-feeds {
    max-width: 500px;
    display: inline-block;
    vertical-align: top;
    
}

.news iframe#twitter-widget-0 {
    max-width: 500px !important;
    vertical-align: top;
    margin-left: 2%;
}

.news .buzz-upcoming {
    background: url('https://www.nwfsc.edu/wp-content/uploads/2018/10/NWFS_Arena_20130530_129-edit-web.jpg') no-repeat center center / cover;
}

.news .buzz-upcoming div.upcoming-wrapper {
    background: #d2152cf7;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
    max-width: 700px;
    padding: 5%;
}
.news .buzz-upcoming h3 {
    border-left: 10px solid #ffffff;
}
.news .buzz-upcoming div.upcoming-wrapper p {
    font-size: 1.75rem;
}

.news .buzz-upcoming div.upcoming-wrapper a {
    color: white;
    color: #ffffff;
    color: rgb(255, 255, 255);
    font-weight: bold;
}

.news .youtube-feed {
    background: black;
    background: #1d1d1d;
    background: rgb(29, 29, 29);
    padding: 5% 0;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
}

.news .youtube-feed iframe {
    width: 90%;
    min-height: 300px;
    margin: auto;
    display: block;
}

.news .instagram {
    padding: 3% 0;
}

.news .buzz-links {
    background: #d2152c;
    padding: 2% 5%;
    text-align: center;
}

.news .buzz-links a {
    color: white;
    color: #ffffff;
}
.news .buzz-links h3 {
    margin-bottom: 10%;
}
.news .buzz-links a i {
    font-size: 4rem;
    text-align: center;
    display: block;
}

@media (min-width: 600px) {
    .news .buzz-links a i {
        font-size: 3rem;
        margin: 2% 4%;
        text-align: center;
    }
    .news .buzz-links h3 {
        display: inline-block;
        width: calc(100% / 4 - 1rem);
        margin-bottom: 0;
    }
}
@media (min-width: 800px) {
    .news div.recent-wrap div.all-headlines {
        width: calc(100% / 1.75 - 1rem);
        display: inline-block;
    }
    .news div.recent-wrap section.social-feeds {
        width: calc(100% / 3 - 1rem);
    }
    .news .youtube-feed iframe {
        min-height: 500px;
        width: 80%;
        max-width: 550px;
        margin-bottom: 2rem;
    }
}
@media (min-width: 950px) {
    .news aside.partner-news div {
        width: calc(100% / 4 - 1rem);
        display: inline-block;
        vertical-align: top;
        margin: 0 0.25rem;
    }
    
    .news aside.partner-news div img {
        transition: 0.2s;
    }
    
    .news aside.partner-news div img:hover {
        transform:scale(1.01);
       -ms-transform:scale(1.01); /* IE 9 */
       -moz-transform:scale(1.01); /* Firefox */
       -webkit-transform:scale(1.01); /* Safari and Chrome */
       -o-transform:scale(1.01); /* Opera */
    }
    .news .buzz-links h3 a i {
        font-size: 4rem;
        margin: 2% 8%;
        text-align: center;
        display: block;
    }
    
    .news .buzz-recent .recent-wrap-single {
        width: 70%;
        display: inline-block;
        max-width: 1150px;
        vertical-align: top;
    }
    
    .news .buzz-upcoming {
        background-attachment: fixed;
    }
    
    .news .youtube-feed h3 {
        max-width: 1450px;
        margin: 2% auto;
    }
    .news .youtube-feed iframe {
        max-width: 950px;
        margin: auto;
        display: block;
        min-height: 600px;
    }
    
    .news .buzz-upcoming div.upcoming-wrapper {
        -webkit-clip-path: polygon(0 0, 79% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 79% 0, 100% 100%, 0 100%);
    }
}
@media (min-width: 1020px) {
    .child-page.basic-content,
    .first-content.basic-content {
        padding: 2.5rem 10% 5%;
        margin-top: 0;
    }
    .breadcrumbs-wrapper {
        padding: 0;
    }
    .basic-content.first-content section {
        width: 65%;
        padding-right: 5rem;
    }
    .basic-content.first-content aside {
        width: 25%;
    }
    .basic-content.first-content section,
    .basic-content.first-content aside {
        display: inline-block;
        vertical-align: top;
    }
    div.callout {
        margin-top: 0;
    }
    /* styles for ul menu */
    .first-content aside ul {
        list-style-type: none;
        padding-left:0;
    }
    .first-content aside ul li {
        padding: 10px;
        margin: 5px;
        background: white;
        border: 1px solid #dcdcdc;
        width: 100%;
    }
    .first-content aside ul li:hover {
        background:#e3e3e3;
    }
    .first-content aside ul li a::after {
        content: '\f138';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        font-size: 0.8rem;
        margin-left: 1rem;
        color: #000000;
    }
    .first-content aside a.red-button {
        padding: 10px;
        margin: 5px;
        font-size: 1.1rem;
        font-weight: normal;
        letter-spacing: normal;
        border-radius: 2px;
        width: 100%;
    }
}
@media (min-width: 1368px) {
    .basic-content.first-content section,
     {
        width: 65%;
        padding-right: 5rem;
    }
    .basic-content.first-content aside {
        width: 30%;
    }
    .news .buzz-recent .recent-wrap {
        width: 20%;
        max-width: 550px;
        background: white;
        padding: 1% 10%;
        display: inline-block;
        border: 1px dotted #888888;
        margin-top: 0;
    }
    
    .news .buzz-recent .recent-wrap-single {
        margin-left: 5%;
    }
    
    .news .buzz-recent .stories-container {
        width: 70%;
        display: inline;
        vertical-align:top;
        margin-right: 5%
    }
    
    .news .youtube-feed iframe {
        min-height: 650px;
    }
    
    .news .social-feeds {
        margin-left: 5%;
    }
    
    
}


@media (min-width: 1600px ) {
    /*.buzz .buzz-recent {
        width: 70%;
        display: inline-block;
        margin: 5% 0 5% 5%;
    }
    
    .buzz .recent-wrap {
        max-width: 450px;
        width: 25%;
        display: inline-block;
        vertical-align: top;
        padding: 0;
    }*/
}
/* ---------------------- TEMPLATE: NEWS PAGE ----------------------- */
/*.news > .sub-page {
    margin: 2em;
}*/

.news > .banner-title > img {
    margin: 0 auto;
}

.news-excerpts img {
    width: 45%;
    max-width: 500px;
    height: auto;
    margin: 5% auto 3%;
    box-shadow: 1px 1px 4px #888888;
}

.news-excerpts h3 {
    font-size: 1.5em;
}

.news-excerpts h3 a,
.post-copy a {
    text-decoration: none;
}

.excerpt {
    margin: 0;
    padding: 0;
}

.news-excerpts {
    margin: 2rem 0 0;
}

.news-excerpts > a.read-more-button,
.home > .read-more {
    background-color: #d2152c;
    padding: 1em;
    box-shadow: none;
}

.news-divider {
    border: 1px solid #eeeeee;
}

/* Older/Newer Navigation */
.news-archives div.navigation {
    background: #f5f5f5;
    padding: 15px;
    text-align: center;
}

.news-archives div.navigation span.newer,
.news-archives div.navigation span.older {
    padding: 5px 10px;
    background: #d2152c;
    border-radius: 3px;
    
}

.news-archives div.navigation span.newer a,
.news-archives div.navigation span.older a {
    font-weight: bold;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
}

/* News Archives Menu */
.news-archives div#archives-2 {
    background: #d2152c;
    padding: 1em;
    width: 100%;
    margin: 0;
}

.news-archives div#archives-2 h3 {
    text-align: center;
}

.news div#archives-2 ul {
    width: 100%;
    padding-left: 0;
    list-style-type: none;
    margin: auto;
}

.news div#archives-2,
.news div#archives-2 ul li a,
.news div.navigation span.newer a,
.news div.navigation span.older a {
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
}

.news div#archives-2 ul li a:hover {
    text-decoration: underline;
}


@media (min-width: 750px) {
    .news div#archives-2 ul {
        width: calc(100% / 2 - 1em);
        padding-left: 10%;
        margin: 0 auto 3%;
        list-style-type: auto;
        columns: 2;
    }
}

/* ------------------------ TEMPLATE: ACADEMICS PAGE ----------------- */
.academic-meta {
    margin: 0 auto;
    padding: 2em 0;
    margin: 2em 0 0;
}

.home .academic-meta {
    margin: 0 auto;
}

.academic-meta .program a {
    font-size: 0.8em;
    padding: 20px;
}

.academic-meta .program h3 i,
.academic-meta .program a {
    color: #ffffff;
    color: rgb(255,255,255);
    color: white;
}

#home-meta .program h3 {
    margin-top: 35px;
}

.academic-meta .program h3 i {
    margin: auto;
    margin-bottom: 10px;
}

#home-meta .program h3 i {
    font-size: 6em;
}

#aca-page-meta .program h3 {
    font-size: 1em;
}

#aca-page-meta .program h3 i {
    font-size: 5em;
}

/* Mobile-friendly styles */
@media screen and (max-width: 480px) {
    .academic-meta {
        padding: 1em 0;
        margin: 1em 0 0;
    }

    .academic-meta .program a {
        font-size: 0.6em;
        padding: 10px;
    }

    #home-meta .program h3 i {
        font-size: 4em;
    }

    #aca-page-meta .program h3 {
        font-size: 0.8em;
    }

    #aca-page-meta .program h3 i {
        font-size: 3em;
    }
	
}



/* ---------------------------- TEMPLATE: PROGRAM PAGE -------------- */

/* -- BACHELORS PAGE -- */
.page-template-program-page > .program-copy > p:not(.degree-buttons):not(.financial-aid-link) {
    padding: 0 3em;
    line-height: 30px;
}

.program-copy > .degree-buttons a {
    display: inline;
    font-weight: bold;
}

.degree-buttons {
    margin: 0 auto;
}


.page-template-program-page .financial-aid-link a {
    padding: 0.5em 1em;
    display: inline;
}

.financial-aid-link {
    background-color: #d2152c;
    padding: 1em;
    margin: 10% 0 0;
}

p.financial-aid-link,
.financial-aid-link a {
    font-weight: normal;
    font-size: 1.2em;
}

/* ----------------- ONLINE CAMPUS PAGE ------------- */

.online-campus p img {
    width: 98%;
    margin: 15% auto;
    display: block;
    max-width: 200px;
}

.online-campus .future-resources ul li a img {
    display: block;
    width: 100%;
    max-width: 105px;
    transition: 0.2s;
}

.online-campus .future-resources ul li a img:hover {
    transform: scale(1.1);
}

/* ----------------- NWF ONLINE ----------------- */

/* -------- NWF ONLINE NOTICE ------ */
aside.alert {
    background: #d2152c;
    text-align: left;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 99999999999;
    padding: 1rem;
    opacity: 1;
    transition: opacity 0.6s; /* 600ms to fade out */
}
aside.alert img {
    max-width: 100px;
    height: auto;
    width: 50%;
    display: block;
    margin: auto;
}
aside.alert a,
aside.alert p {
    color: white;
    color: #ffffff;
    color: rgb(255, 255, 255);
    -webkit-text-fill-color: white;
    -webkit-text-fill-color: #ffffff;
    -webkit-text-fill-color: rgb(255, 255, 255);
}
aside.alert a {
	text-decoration: underline;
}
/*aside.alert a {
    background: linear-gradient(to right bottom, #990200 50%, #a62a29 50%);
    font-weight: bold;
    padding: 15px;
    margin-left: 10px;
    text-shadow: 1px 1px 0 black;
    display: inline-block;
}
aside.alert a:hover {
    background: linear-gradient(to right bottom, #a62a29 50%, #990200 50%);
}
*/
aside.alert .closebtn {
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
  width: 100%;
  text-align: right;
}

aside.alert .closebtn:hover {
  color: black;
}

@media(min-width: 768px) {
    aside.alert {
        width: 80%;
        margin: 1rem;
        padding: 1rem 3rem;
    }
    aside.alert img,
    aside.alert p {
        display: inline-block;
        vertical-align: middle;
    }
    aside.alert img {
        width: 20%;
    }
    aside.alert p {
        width: 65%;
        font-size: 1.1rem;
        margin-top: 0;
    }
}

.online .ltech-nav ul {
    width: 100%;
    padding-left: 0;
    margin-top: 0;
}
.online .ltech-nav ul li {
    background: #000000;
    border-left: 8px solid #0a3a54;
    padding: 10px;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    
}
.online .ltech-nav ul li a {
    color: white;
    color: #ffffff;
}
.online .ltech-nav li:hover {
    border-left: 15px solid #85dcf8;
    padding-left: 1.01rem;
    transition: all 0.2s;
}
.online .ltech-nav a i {
    color: #86dcf8;
}

.online .ltech-nav a img,
.online .ltech-nav a i {
    max-width: 28px;
    vertical-align: middle;
    padding: 2px;
    float: right;
    font-size: 1.5rem;
}
.online .ltech-nav a img {
    border: 2px solid #86dcf8;
}

.online p {
    font-size: 1.15rem;
    font-weight: normal;
    line-height: 30px;
}

section.nwfonline-intro {
    width: 100%;
    padding: 0 5%;
}
section.nwfonline-intro h2 {
    margin-top: 4rem;
}
section.nwfonline-intro h2 i {
    color: #d2152c;
    font-size: 2rem;
    vertical-align: middle;
    margin-right: 15px;
}
.online p.cta-wrapper {
    margin: 3rem auto;
}
section.nwfonline-intro a.online-cta,
.online .nwfonline-cta a {
    background: #d2152c;
    background: linear-gradient(to right bottom, #990200 50%, #a62a29 50%);
    color: #ffffff;
    padding: 15px;
    display: block;
    text-align: center;
    margin: 1rem auto;
}

div.nwfonline-graphic {
    border-top: 2px solid #f5f5f5;
    border-bottom: 2px solid #f5f5f5;
    margin: 2%;
    padding: 2rem;
    text-align: center;
}
div.nwfonline-graphic img {
    width: 100%;
    max-width: 300px;
    display: inline-block;
    vertical-align: middle;
}
div.nwfonline-graphic figcaption {
    max-width: 400px;
    display: inline-block;
}
div.nwfonline-graphic ul {
    max-width: 400px;
    display: inline-block;
    font-size: 1.5rem;
    font-weight: bold;
    list-style-type: none;
    text-align: left;
    padding-left: 0;
}
div.nwfonline-graphic ul li::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f058';
    font-size: 1.5rem;
    margin-right: 20px;
    width: 30px;
    color: #d2152c;
}
section.online-programs {
    background: #445d6d;
    background: url('/wp-content/uploads/2019/04/funky-lines.png') repeat center center;
    background-size: cover;
    box-shadow: inset 0 0 0 1000px rgba(19, 52, 72, 0.89);
    padding: 3%;
}
section.online-programs h2 {
    font-size: 2.5rem;
}
section.online-programs h2,
section.online-programs ul li a {
    color: white;
    color: rgb(255, 0, 0);
    color: #ffffff;
}
section.online-programs ul li a:hover {
    text-decoration: underline;
}
section.online-programs h3 {
    color: #ffffff;
    margin-bottom: 0;
}
section.online-programs ul {
    padding: 0 5% 0 0;
    margin: 0 15% 10% 0;
}
section.online-programs ul li {
    padding: 1rem 0;
    line-height: 22px;
    color: #133448;
    list-style-type: none;
    border-bottom: 2px solid #65747e;
}

section.nwfonline-testimonials {
    background: url('/wp-content/uploads/2019/04/Hands-Typing.png') center center;
    box-shadow: inset 0 0 0 1000px rgba(60, 60, 60, 0.78);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 5%;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
}
section.nwfonline-testimonials blockquote {
    margin: 0;
}
section.nwfonline-testimonials blockquote p {
    font-size: 1.2rem;
    color: white;
    color: rgb(255, 255, 255);
    color: #ffffff;
}
section.nwfonline-testimonials blockquote p span {
    font-size: 1rem;
    margin-right: 10px;
}
section.nwfonline-testimonials hr {
    max-width: 50px;
    margin: 3% auto;
    background: #d2152c;
    border: 1px solid #d2152c;
}
section.nwfonline-credits img {
    display: inline-block;
    width: calc(100% / 4 - 1rem);
    vertical-align: middle;
    text-align: center;
    padding: 6%;
}
.nwfonline-cta {
    background: #f5f5f5;
    padding: 0 1rem;
    text-align: center;
}
.nwfonline-cta h2 {
    display: inline-block;
}
.nwfonline-cta a {
    background: #d2152c;
    color: #ffffff;
    color: white;
    padding: 1rem 3rem;
}
.nwfonline-intro .faq-menu {
    padding: 1rem;
    background: #f5f5f5;
}
.nwfonline-intro .faq-menu ul li {
    margin-left: -20px;
}
.nwfonline-intro .faq-menu ul li a i {
    opacity: 0;
    width: 20px;
    vertical-align: top;
    font-size: 1.2rem;
}
.nwfonline-intro .faq-menu ul li:hover a i {
    width: 20px;
    opacity: 1;
}
.nwfonline-intro .faq-menu h2 {
    text-align: left;
    margin-top: 0;
}
.faq .nwfonline-intro h3 {
    font-size: 2rem;
    margin: 5% auto 0;
}
.page-template-online-page-php.faq .nwfonline-intro p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
}
.nwfonline-intro h3 + .basic-content ul {
    list-style-type: disc;
}
section.nwfonline-credits {
    text-align: center;
}
@media(min-width: 600px) {
    ul.blackboard-resources {
        columns: 2;
        -moz-column-fill: balance;
        column-fill: balance;
        margin-bottom: 3rem;
    }
}
@media(min-width: 768px) {
    .online .ltech-nav {
        background: #f5f5f5;
        padding: 1rem;
    }
    
    .online .ltech-nav ul li {
        width: calc(100% / 7 - 1rem);
        margin: 5px;
    }
    
    section.nwfonline-intro {
        max-width: 1550px;
        margin: 2% auto;
    }
    .online p.cta-wrapper {
        text-align: center;
        margin: 5% auto 10%;
    }
    .online p.cta-wrapper a.online-cta {
        width: calc(100% / 2 - 3rem);
    }
    .online p.cta-wrapper a.online-cta,
    .online .nwfonline-cta a {
        display: inline-block;
        margin-right: 1rem;
        max-width: 400px;
        transition: all 0.2s;
        font-size: 1.3rem;
    }
    
    .online p.cta-wrapper a.online-cta:hover,
    .online .nwfonline-cta a:hover {
        background: linear-gradient(to right top, #990200 50%, #a62a29 50%);
        box-shadow: 0 8px 10px -5px #00000038;
    }
    .online section.online-programs .wrapper {
        max-width: 1200px;
        margin: auto;
    }
    .online section.online-programs h3 {
        font-size: 1.7rem;
    }
    section.nwfonline-testimonials {
        background-attachment: fixed;
    }
    
}

@media(min-width: 1024px) {
    .nwfonline-cta {
        text-align: center;
    }
    .nwfonline-cta h2,
    .nwfonline-cta p {
        display: inline-block;
        vertical-align: middle;
    }
    .nwfonline-cta p {
        margin-left: 3rem;
    }
    .nwfonline-cta p a {
        padding: 1rem 5rem;
    }
    div.nwfonline-graphic ul li::before {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        content: '\f058';
        font-size: 2.5rem;
    }
}

@media(min-width: 1350px) {
    .online .ltech-nav ul li {
        width: calc(100% / 7 - 1rem);
        margin: 5px;
    }
    div.nwfonline-graphic img {
        width: 55%;
        max-width: 250px;
        display: inline-block;
        vertical-align: middle;
    }
    div.nwfonline-graphic figcaption {
        width: 45%;
        display: inline-block;
        vertical-align: middle;
    }
    div.nwfonline-graphic figcaption ul li {
        padding: 0.75rem 0;
    }
    .online section.online-programs div.cols {
        width: calc(100% / 2 - 1rem);
        vertical-align: top;
        display: inline-block;
    }
    section.online-programs ul li {
        transition: all 0.2s;
    }
    section.online-programs ul li:hover {
        background: #ffffff3b;
        padding: 1rem;
    }
    section.nwfonline-testimonials {
        text-align: center;
        padding: 5% 10%;
    }
    section.nwfonline-testimonials p i {
        background: #ffffff47;
        padding: 1rem 0.5rem;
        font-size: 1rem;
        margin: 0 10px;
    }
    section.nwfonline-testimonials blockquote p {
        font-size: 1.5rem;
        line-height: 45px;
        font-style: italic;
        max-width: 1250px;
        margin: 2rem auto;
    }
    section.nwfonline-testimonials blockquote cite {
        font-size: 1.5rem;
        font-style: normal;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-top: 0;
    }
    .basic-content .blackboard-guide .ufaq-faq-div {
        width: calc(100% / 2 - 2rem);
        display: inline-block;
        vertical-align: top;
        margin: 5px;
    }
    .basic-content .blackboard-guide .ufaq-faq-div .ewd-ufaq-post-margin-symbol span {
        margin-right: 0;
    }
}

@media(min-width: 1600px) {
    div.nwfonline-graphic {
        float: left;
        padding: 0;
        background: #f5f5f5;
        margin-right: 5%;
        margin-bottom: 30%;
    }
    section.nwfonline-intro h1 {
        font-size: 2.5rem;
        text-align: left;
        margin-bottom: 2%;
        margin-left: 28rem;
    }
    section.nwfonline-intro h2:first-of-type {
        margin-top: 0;
    }
    div.nwfonline-graphic figcaption {
        width: 100%;
        display: block;
        padding: 0 2rem;
    }
    div.nwfonline-graphic img {
        width: 75%;
        max-width: 350px;
        display: block;
        padding: 1rem;
        margin: auto;
    }
    div.nwfonline-graphic ul {
        padding-left: 0;
    }
    div.nwfonline-graphic ul li::before {
        font-size: 1.5rem;
        vertical-align: middle;
    }
    .online p.cta-wrapper {
        text-align: left;
        margin: 5% auto 10%;
    }
}
/* ----------------- ONLINE CAMPUS PAGE ------------- */

.online-campus p img {
    width: 98%;
    margin: 15% auto;
    display: block;
    max-width: 200px;
}
/* ------- BASIC CONTENT SUBPAGES: SCHOLARSHIPS, TESTING PAGES ----- */
.basic-content i {
    vertical-align: middle;
}
.testing-center p img {
    width: 90%;
    height: auto;
}
#accordions-2597,
#accordions-3261 {
    max-width: 1000px;
    margin: 2% auto 5%;
}

#accordions-2597 .accordions-head {
    border-radius: 5px;
}

/* ------ DUAL ENROLLMENT PAGE-------- */
.dual-enrollment-2 h3 {
    font-size: 2.5em;
}

.dual-enrollment-2 h4 {
    font-size: 1.5em;
}

.dual-enrollment-2 h4:not(:first-of-type) {
    margin-top: 15%;
}

/* ---------------- TEMPLATE: LIST PAGE ---------- */

/* -- PARTNERS OF THE COLLEGE -- */
.list-page img {
    height: auto;
    max-width: 250px;
    display: block;
    margin: 4em auto 0;
}

.list-page h2 a {
    text-decoration: none;
}

.list-page p,
.list-page ul {
    width: 90%;
    margin: 0 auto 1em;
    line-height: 30px;
}


/* ------------------ TEMPLATE: DEPARTMENT PAGE ------------------------ */

/* Fine Arts Page */

.department_intro {
    margin-bottom: 10%;
}

.department-page p {
    width: 90%;
    margin: 1em auto;
    line-height: 30px;
}

.department_intro p:last-of-type {
    margin: 2em auto 5em;
}

.department_intro p a:not(.inline-link) {
    text-decoration: none;
    background-color: #d2152c;
    padding: 1em;
    border-radius: 50%/5%;
}

.faculty-profiles h3 {
    margin-top: 10%;
    color: #eeeeee;
}

.humanities-fine-performing-arts .faculty-profiles {
    background: radial-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.5)), url('/wp-content/uploads/2017/08/Ballet-004-edit-web.jpg') no-repeat center center / cover;
    padding: 1em;
}
.board h3,
.council h3 {
    text-align: center;
    font-size: 2.5em;
    font-family: 'Trajan Pro', sans-serif;
    letter-spacing: 3px;
    line-height: normal;
}

.board h3 {
    color: #ffffff;
    color: white;
    color: rgb(255, 255, 255);
}

.board .tmm_board-members {
    padding: 2rem 10%;
}

.council {
    margin: 3rem 0;
}

.council .tmm_vice-presidents {
    max-width: 1200px;
    margin: 2rem auto 0;
}
/* ----- PRESIDENT'S LEADERSHIP ACADEMY ----- */
.pres-table {
    width: 100%;
    max-width: 850px;
    margin: 5% auto;
    border: 1px solid #cccccc;
    padding: 5% 0;
    text-align: center;
}

.academy .basic-content .pres-table h5,
.academy .basic-content .pres-table p {
    font-family: 'Trajan Pro', serif;
}

.academy .basic-content .pres-table h5 {
    font-size: 1.5rem;
    color: #d2152c;
    margin-bottom: 3%;
}

.academy .basic-content .pres-table p {
    font-size: 1.3rem;
    padding-bottom: 0;
}

.pres-table ul {
    margin-top: 0;
}

.pres-table ul li {
    margin-bottom: 0;
}



/* ----- ACCREDITATION ----- */

#accreditation-tabs ul,
#accreditation-tabs h4 {
    margin: 0 auto;
}

/* --------------- TEMPLATE: FINANCIAL AID PAGE ---------- */
.page-intro-copy {
    padding: 5%;
}

.financial-contact {
    padding: 2em;
}

.financial-contact i {
    font-size: 1.5em;
    margin-right: 10px;
}

h3.financial-hours {
    margin-top: 2em;
}

.financial-hours h3,
.financial-contact {
    padding: 0;
}

.financial-contact i a {
    margin-right: 1em;
}

#finaid-info {
    padding-bottom: 0;
}

#finaid-info ul {
    margin-top: 0;
    padding-top: 0;
}

#finaid-info ul li {
    margin-bottom: 0;
}

#financial-forms-info {
    background: #eeeeee;
    padding: 1em;
    text-align: center;
}

#financial-forms-info h3 {
    margin-top: 0;
    font-size: 1.3rem;
}

.financial-forms ul {
    padding-left: 0;
}

.financial-forms li {
    list-style-type: none;
    max-width: 750px;
    margin: auto;
}

.financial-forms li a.red-button {
    padding: 2em;
}

.financial-aid .faq-area {
    padding: 1em;
}

.financial-aid .basic-content .faq-bg-area section.faq-area h3 {
    margin-top: 0;
    padding: 1em 0 0.5em;
}

.financial-aid .faq-area .ufaq-faq-post ul,
.financial-aid .faq-area .ufaq-faq-post ol {
    margin: 0 auto 2%;
}

.financial-aid .faq-area .ufaq-faq-post ul li {
    margin-bottom: 0;
}

.financial-links h5 {
    margin-bottom: 1em;
}

.aid-dates {
    background: radial-gradient(rgba(245, 245, 245, 0.95), rgba(245, 245, 245, 0.9)), url('/wp-content/uploads/2017/08/socialsciences-banner-e1504199161494.jpg') no-repeat center center;
    background-size: cover;
    box-shadow: 4px 4px 10px rgb(219, 216, 216);
    padding: 2em 1em;
}

.aid-dates h3 {
    font-size: 1.2em;
}

.aid-dates ul {
    width: 90%;
    margin: auto;
    padding-left: 0;
}

.aid-dates .red-button {
    font-size: 0.75em;
    margin: 0 auto;
    max-width: 500px;
    box-shadow: 1px 1px 4px #333333;
    padding: 1em 0;
}

.aid-dates ul li {
    list-style-type: none;
    margin-bottom: 1em;
}

div.ufaq-faq-title h4 {
    font-size: 1em;
}

.ufaq-faq-category-title h4 {
    display: none;
}

.financial-aid .ewd-ufaq-post-margin h5 {
    font-size: 1.2em;
}

.ufaq-faq-body {
    padding: 10px 0 10px 25px;
}

.financial-staff {
    background-color: #333333;
    padding: 2em;
}

/* -- Tuition --- */

.tmm_business-office {
    margin-top: 10%;
    background: #333333;
    padding: 2em 1em;
}

.tuition h3 {
    margin-top: 5%;
}

.tuition .attendance-cost {
    margin: 5% auto;
}

.attendance-cost table {
    max-width: 850px;
    font-size: 0.7rem;
    vertical-align: top;
    text-align: left;
    margin: auto;
}

.attendance-cost .accordion-content h3 {
    width: 75%;
}

.attendance-cost table tbody tr td h4 {
    width: 100%;
    border-bottom: 1px solid #d2152c;
}

.attendance-cost table tbody tr th h5 {
    font-size: 1.2rem;
    padding: 20px 0;
    text-align: left;
    width: 100%;
    margin-top: 0;
}

.attendance-cost table tbody tr td {
    line-height: 23px;
}

.attendance-cost table tbody tr:last-child {
    border-top: 1px solid #333333;
    color: #d2152c;
    font-weight: bold;
}

@media (min-width: 768px) {

    /* Financial Aid page - image in loans section */
    .financialaid .financial-literacy p img {
        float: left;
        margin: 2em 1em 5em 0;
    }

    .financialaid .financial-literacy h4 {
        margin-top: -1em;
    }

/* ------ NET PRICE CALCULATOR -------- */

/* -- Set height of iframe so content displays properly -- */
.net-price-calculator .first-content section {
    width: 100%;
    display: block;
}
.net-price-calculator .first-content aside {
    display: none;
}
.net-price-calculator iframe {
    min-height: 1200px;
    
}



/* ------------- RAIDER CENTRAL PAGE ----------------- */
.raider-central main.sub-page ul {
    padding-left: 0;
    list-style-type: none;
    max-width:
}
.raider-central main.sub-page ul li {
    background: #ffffff;
    padding: 10px;
    margin: 5px 0;
}
.raider-central main.sub-page ul li a i {
    margin-right: 5%;
    font-size: 1.5rem;
}
/*.forms ul.sorter {
    text-align: center;
}*/
.forms ul.sorter li {
    display: inline-block;
    padding-right: 1rem;
}
.forms ul.sorter li a,
.forms ul li a:hover {
    text-decoration: underline;
}
.forms ul.sorter li a:hover {
    text-decoration: underline;
}
.forms a.top {
    position: fixed;
    bottom: 2rem;
    right: 5%;
}
@media(min-width: 768px) {
    .raider-central .first-content section ul li {
        display: inline-block;
        width: calc(100% / 3 - 1rem);
        vertical-align: top;
        padding: 2rem;
        margin: 10px;
        text-align: center;
    }
    .raider-central .first-content section ul li a i {
        display: block;
        margin: 0 auto 10px;
        font-size: 2.75rem;
    }
}
@media(min-width: 1250px) {
    .raider-central {
        background-attachment: fixed;
    }
    .raider-central .first-content section ul li {
        display: inline-block;
        width: calc(100% / 4 - 1rem);
        vertical-align: top;
        padding: 2rem;
        margin: 10px;
        text-align: center;
        width: 200px;
        height: 150px;
        border: 1px solid #e3e3e3;
        transition: all 0.2s;
    }
    .raider-central .first-content section ul li:hover {
        transform: translateY(-3px);
            -webkit-transform: translateY(-3px);
            -moz-transform: translateY(-3px);
            -ms-transform: translateY(-3px);
    }
    .raider-central .first-content section ul li a i {
        display: block;
        margin: 0 auto 10px;
        font-size: 2.75rem;
    }
}

/* -------------------- STUDENT RESOURCES PAGE ----------------- */
.current-icons {
    margin: 5% 0 0;
    background: #eeeeee;
}

.current-icons p {
    width: 65%;
    font-size: 1.2em;
    line-height: 55px;
    margin: auto;
}

.current-icons p a {
    text-decoration: none;
}

.current-links {
    padding: 1em;
}

.current-links li {
    line-height: 45px;
}

.free-tutoring div.ufaq-faq-post p {
    margin: 0;
}

.free-tutoring .basic-content ul {
    margin-top: 0;
}

/* ---- FEATURED JOBS ----- */
div.job_listings ul.job_listings {
    margin: 0 auto;
    width: 100%;
    font-weight: bold;
}

div.job_listings ul.job_listings li div.position div.company,
div.job_listings ul.job_listings li div.location,
div.job_listings ul.job_listings .meta .date {
    color: #555555;
    font-size: 0.9em;
}

/* ----------------- EMPLOYEE DIRECTORY --------------------- */
.employee-directory .wpbdp-main-box .box-col input,
.employee-directory .wpbdp-main-links-large .button,
.employee-directory .wpbdp-main-links-tiny .wpbdp-main-links .button,
.employee-directory .listing-actions a.button {
    padding: 10px;
    border-radius: 5px;
    border: none;
}

.employee-directory .wpbdp-main-box .submit-btn input[type="submit"],
.employee-directory .listing-actions a.button {
    background: #d2152c;
    color: #ffffff;
    color: rgb(255, 255, 255);
    color: white;
}

.employee-directory .listing-actions a.button {
    margin-left: 5%;
    padding: 1% 3%;
    visibility: hidden;
}

.employee-directory .wpbdp-main-links-large .button,
.employee-directory .wpbdp-main-links-tiny .wpbdp-main-links .button {
    background: #555555;
    color: #ffffff;
}

.wpbdp-listing .social-fields {
    display: none;
}
/* --- DIRECTORY LISTINGS SORT OPTIONS ---- */
.wpbdp-listings-sort-options {
    font-size: 100%;
    font-weight: bold;
}

/* --- BDP PLUGIN DIRECTORY CATEGORIES (HIDDEN) ---- */

.employee-directory .wpbdp-categories {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.employee-directory .find-by-department h3 {
    margin-top: 5%;
}

/* ----- DIRECTORY LISTING STYLES ------- */
.employee-directory .wpbdp-listing .listing-details {
    padding: 2% 5%;
}

.employee-directory .wpbdp-listing .listing-details .wpbdp-field-value {
    height: 100%;
}

.employee-directory .wpbdp-listing .listing-details .field-value {
    margin-bottom: 4px;
}

.wpbdp-listing .listing-details .wpbdp-field-title,
.wpbdp-listing .listing-details .wpbdp-field-association-title {
    font-weight: bold;
}

.wpbdp-listing .listing-details .wpbdp-field-association-title {
    font-size: 1.2rem;
}

.employee-directory .wpbdp-listing-excerpt {
    border-bottom: none;
    margin: auto;
    width: 100%;
}

/* ----- PREVENT LISTING NAMES FROM BEING CLICKABLE ----- */
.wpbdp-listing .listing-details .wpbdp-field-association-title span.value a,
.wpbdp-listing .listing-details .wpbdp-field-department span.value a {
    pointer-events: none;
    cursor: default;
}

/* ------ HIDE ADVANCED SEARCH FEATURE ----- */
.employee-directory form div.submit-btn a.advanced-search-link {
    visibility: hidden;
}
/* ------------------- STUDENT LIFE PAGE ---------------------- */
.tmm .tmm_member {
    margin-bottom: 10%;
}
.tmm .tmm_names {
    font-weight: 900;
}
.tmm .tmm_desc,
.leadership .tmm .tmm_4_columns .tmm_desc {
    font-size: 1em;
    line-height: 25px;
}
/* -------------------- CALENDAR PAGE ------------------------- */
.cal {
    padding: 0 2em;
    max-width: 1400px;
    height: auto;
    margin: 1em auto 3em;
}

/* Acceptable Use Policy */
.acceptable-use main.basic-content ul li {
    list-style-type: disc;
}

.acceptable-use main.basic-content ul ul li {
    list-style-type: circle;
}

.acceptable-use main.basic-content ol li {
    list-style-type: decimal;
}

.acceptable-use main.basic-content ul ul,
.acceptable-use main.basic-content ul ol {
    margin: 1% 10%;
}
/* ------------------ TEMPLATE: FOOTER ------------------------------ */

footer {
    background: black;
    padding: 2em 0;
}
	
#logo-footer {
    margin: 0;
    padding: 1.5em 0;
}

#logo-footer img {
    width: 85%;
    max-width: 395px;
}

footer section a {
    font-size: 0.95em;
    padding: 20px;
}


footer #links section a {
    display: block;
}

footer section a:hover {
    color: #cccccc;
    color: rgb(204, 204, 204);
    -webkit-text-fill-color: rgb(204, 204, 204);
}

footer .social a:hover {
    color: #d2152c;
    color: rgb(210, 21, 44);
    -webkit-text-fill-color: rgb(210, 21, 44);
}

footer section h4 {
    margin-bottom: 10px;
}

footer h4,
footer a,
footer p,
#nondiscrim {
    color: #ffffff;
    color: rgba(255, 255, 255, 1);
    -webkit-text-fill-color: rgb(255, 255, 255);
    -webkit-opacity: 1;
}

#nondiscrim-statement p {
    line-height: 15px;
    width: 95%;
    font-size: 0.65em;
    margin: 3em auto 0.5em;
}
footer span.footer-contact {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
    display: block;
}
footer section.social {
    margin-top: 1.5rem;
}
	
/* Josh's New Footer ---*/
.black-footer {
    background-color: black;
    color: white; /* Optional: Set text color to contrast */
    padding: 20px; /* Optional: Add padding for better spacing */
}

@media (max-width: 768px) {
    .black-footer {
        padding: 10px; /* Example: Reduce padding for smaller screens */
    }
}


	
/* end Josh's Footer ---*/
	
	* --- Which Degree is Right for Me ---- */

.social-behavioral-sciences .student-success-stories .student-success-name,
.stem .student-success-stories .student-success-name,
.public-safety .student-success-stories .student-success-name {
    font-size: 2rem;
    margin-bottom: 0;
}

.social-behavioral-sciences .student-success-major,
.student-success-stories .student-success-major {
    margin-top: 0;
}

/* ------------ 404 ERROR PAGE ----------- */

#post-404 p {
    margin: 3em 0;
}

/* --- SEARCH BAR ----- */
.search button.search-submit {
    border-radius: 15px;
    background: #d2152c;
    color: #ffffff;
    color: white;
    color: rgb(255, 255, 255);
    padding: 0.5em 1em;
    border: transparent;
}
.search button.search-submit,
.search input.search-input {
    border-radius: 15px;
}

form.search {
    text-align: right;
}

#no-results {
    margin: 5% 1em;
}

/* --- SEARCH RESULTS PAGE --- */
.loop-content {
    margin: 10% 0;
}

.loop-content p {
    font-size: 1em;
    line-height: 30px;
}

/* --------- TEMPLATE: DEGREE PROGRAM PAGES ------- */
.degree-banner {
    position: relative;
}
.degree-banner #banner-ribbon {
    bottom: -3%;
}
.degree-banner-content {
    background: linear-gradient(90deg, #272727e6, #1b1b1bed, #171717d6, #151515cf, #0000008c, #00000082, transparent);
    padding: 10% 7%;
    color: #ffffff;
    color: white;
    color: rgb(255, 255, 255);
    max-width: 65%;
    height: 100%;
}
.degree-banner-content

.degree-banner-content p {
    font-size: 1.25em;
    color: #ffffff;
    color: white;
    color: rgb(255, 255, 255);
    -webkit-opacity: 1;
    display: inline;
}

.degree-banner-content > .red-button,
.page-template-selective-degree-page .degree-banner-content a.red-button {
    padding: 1.25em;
    max-width: 175px;
}

#salary p {
    font-size: 3rem;
    font-weight: bold;
    color: #d2152c;
}

#salary #footnote {
    max-width: 550px;
    margin: auto;
    padding: 15px;
}

/* ---- CAREER COACH WIDGET ------ */
#degree-main div.enhanced-text-widget {
    padding-top: 5%;
}
#career-coach .cc-card {
    height: 415px;
    width: 100%;
}

#career-coach #cc-corrections .cc-card,
#career-coach #cc-criminal .cc-card,
#career-coach #cc-ems .cc-card,
#career-coach #cc-earlychild .cc-card,
#career-coach #cc-fire .cc-card {
    height: 500px;
}

#career-coach .cc-container #cc-widget-careers .cc-card .cc-content {
    padding: 10%;
}

#career-coach #cc-widget-careers .cc-card .cc-content h1 {
    background: #ffffff;
    font-size: 1.5em;
}

#career-coach .cc-card p {
    margin: 0;
    font-weight: bold;
    font-size: 0.9rem;
    text-align: left;
    color: #555555;
}

#career-coach #cc-widget-careers .cc-card .cc-content h2 {
    color: #d2152c;
    font-weight: bold;
}

#career-coach #cc-widget-careers .cc-card footer {
    padding: 0;
}

#career-coach .cc-container #cc-widget-careers .cc-card .cc-link {
    border-radius: 5px;
    background: #d2152c;
    font-weight: bold;
}

#career-coach #cc-widget-careers .cc-card .cc-content h1,
#career-coach #cc-widget-careers .cc-card .cc-content h2,
#career-coach .cc-card p {
    width: 100%;
    text-align: center;
    padding: 0;
}

#degree-main .cc-card .cc-content {
    padding: 10px 35px;
}
/* ----- AA DEGREES -------------- */
.associate-in-arts-degree #career-coach p {
    text-align: center;

}

.associate-in-arts-degree #career-coach img {
    width: 100%;
    max-width: 225px;
    height: auto;
    margin: 1em auto;
}

/* ------------------------------- MEDIA QUERIES ---------------------------------- */
@media (min-width: 300px) {
    #career-coach .cc-card {
        width: 333px;
    }
}

@media (min-width: 450px) {
    #top-nav li {
        font-size: 0.75em;
    }

    .icon-menu {
        width: 65%;
        margin: auto;
    }

    .app-window {
        width: 80%;
        margin: auto;
        text-align: center;
    }
}

@media (min-width: 500px) {

    #shine-tagline {
        font-size: 4rem;
        margin-top: 0;
    }

    .strat-title h2 {
        font-size: 2em;
    }

    .strat-title h3 {
        font-size: 1.3em;
    }

    .strat-college-mission h4 {
        font-size: 2em;
    }

    .goal-items p {
        width: 55%;
        margin-bottom: 5em;
    }

    .current-intro {
        width: 75%;
        max-width: 1200px;
        margin: 1em auto;
    }

    .current-icons p {
        width: 50%;
    }

    .current-links h3 {
        font-size: 2em;
    }

    .current-links h3:not(:first-child) {
        margin-top: 3em;
    }

    .current-links ul li {
        font-size: 1.3em;
        list-style-type: disc;
    }

    .tooltip:hover .tooltiptext {
        visibility: visible;
        opacity: 1;
    }

    .jobs-container {
        padding: 5%;
    }
}

@media (min-width: 550px) {

    .info-area .program,
    .academic-meta .program,
    .academics-img img {
        display: inline-block;
    }

    .info-area .program,
    .academic-meta .program,
    .academics-img {
        vertical-align: top;
    }

    .info-area .program {
        width: calc(100% / 2 - 1em);
    }

    .academic-meta .program {
        margin: 0 1em;
        width: calc(100% / 3 - 1em);
    }

    .academics-img {
        margin: 0 auto;
        text-align: center;
    }

    .academics-img img {
        width: 25%;
        margin: 1em;
    }

    .scholarships ul li i {
        display: inline;
    }

    .scholarships ul li {
        text-align: left;
    }

    .scholarships ul li i {
        margin-right: 1em;
    }

    .scholarships h4:not(:first-of-type),
    .testing-center h4:not(:first-of-type) {
        margin-top: 5%;
    }

    .list-page h2,
    .faculty-profiles h3 {
        font-size: 2em;
    }

    #testing-tabs {
        padding: 5%;
        width: 90%;
    }

    #testing-tabs {
        margin: auto;
    }

    #admit-start p,
    #post-admit p {
        padding: 1em 2em 0;
    }

    .admissions #admit-start ul {
        padding-left: 5%;
        margin: 0 auto;
    }

    .online-campus p:last-of-type {
        width: 100%;
        text-align: center;
    }

    .online-campus main {
        padding-bottom: 0;
    }

    .online-campus p img {
        display: inline;
        margin: 5%;
        vertical-align: middle;
    }
}

@media (min-width: 600px) {
    .icons {
        display: inline-block;
        width: calc(100% / 3 - 1em);
        vertical-align: top;
    }
}

@media (min-width: 700px) {
    
    img.alignright {
        float: right;
        margin: 0 0 1em 1em;
    }
    
    img.alignleft {
        float: left;
        margin: 0 1em 1em 0;
    }
    
    img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    
    .alignright {
        float: right;
    }
    
    .alignleft {
        float: left;
    }
    .sub-page .single-news .post-copy p img,
    .single-post .single-news .image-container img {
        width: auto;
    }
    .triple-A .read-more {
        background: #d3042a;
        padding: 0.5em 1em;
        border-radius: 5px;
        transition: 1.5s all;
    }

    .triple-A .read-more:hover {
        text-shadow: 1px 2px 5px #333333;
        font-size: 1.05em;
    }

    #welcome {
        padding: 0 0 1em;
        text-shadow: 1px 1px 10px #000000;
    }

    .landing #hero-group a {
        font-size: 0.75em;
        padding: 0.75em 2em;
        margin: 0 0.5em;
    }

    .sub-icons {
        padding: 0.5em 0;
    }

    .sub-icons a {
        margin-bottom: 0;
    }

    .apply-steps ul li {
        text-align: left;
        margin-bottom: 5em;
    }

    .apply-steps i {
        font-size: 3em;
        margin: -15px 0.5em 0 0;
        float: left;
    }

    .apply-steps li {
        clear: both;
        position: relative;
    }

    .hr-hire ul {
        list-style-type: none;
        margin: auto;
        width: 50%;
        padding: 2em 0;
    }

    .hr-hire ul li {
        margin: 1em;
        font-size: 1em;
    }

    .hr-hire ul li a {
        text-decoration: none;
    }

    .degree-options {
        margin: auto;
    }

    .degree-list {
        vertical-align: top;
    }

    .degree-list h5 {
        font-size: 1.05em;
    }

    .social-behavioral-sciences .degree-list,
    .business .degree-list,
    .education .degree-list,
    .health-sciences .degree-list,
    .industry-manufacturing-construction .degree-list,
    .public-safety .degree-list,
    .stem .degree-list {
        width: calc(100% / 2 - 1em);
        display: inline-block;
        vertical-align: top;
    }

    .social-behavioral-sciences > .basic-content,
    .business > .basic-content,
    .education > .basic-content,
    .health-sciences > .basic-content,
    .industry-manufacturing-construction > .basic-content,
    .public-safety > .basic-content,
    .stem > .basic-content,
    .humanities > .basic-content {
        padding-bottom: 0;
    }

    .degree-options {
        padding: 4em;
    }

    .news-excerpts {
        overflow: hidden;
    }
    #post-list hr {
        margin: 1rem 0;
    }

    #right-career {
        background: radial-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.9)), url('/wp-content/uploads/2017/12/0009-edit-web-700x466.jpg') no-repeat center center / cover;
        padding: 1em;
        margin: 5% 0;
    }

    #right-career img {
        float: right;
        width: 25%;
        height: auto;
        margin: 5em 2em;
        overflow: hidden;
    }

    /*.board-of-trustees #board-dates {
        margin-left: 25%;
    }*/


}

@media (min-width: 750px) {
    .red-bg h3, {
        font-size: 2em;
    }

    .red-bg p {
        width: 50%;
    }

    .testimonial {
        margin: auto;
        text-align: center;
    }

    blockquote h3 {
        font-size: 1.5em;
    }

    .testimonial a {
        width: 35%;
        padding: 1em;
        max-width: 300px;
    }

    .testimonial a i {
        padding: 0;
    }

    .strat-title h2 {
        font-size: 1.5em;
    }

    .goal-items {
        display: inline-block;
        width: calc(100% / 2 - 1em);
        vertical-align: top;
    }

    #best-hashtag {
        font-size: 2.5em;
    }

    .academic-meta .program {
        display: inline-block;
        margin: 0 1em;
        vertical-align: top;
        width: calc(100% / 5 - 1em);
    }

    .page-template-program-page p,
    .page-template-program-page li {
        font-size: 1.2em;
    }

    .program-copy > .degree-buttons p a,
    .news-excerpts > .read-more-button {
        background-color: #d2152c;
        color: #ffffff;
        color: white;
        color: rgb(255, 255, 255);
        padding: 1em;
        margin: 1em auto 0;
        width: 50%;
        text-align: center;
    }

    .financial-aid-link {
        background-color: #333333;
    }

    .financial-aid > .red-button {
        border-radius: 25%/5%;
    }

    .page-template-program-page > .program-copy > .degree-buttons a:hover,
    .financial-aid-link a:hover,
    .news-excerpts > .read-more-button {
        box-shadow: 1px 1px 5px #333333;
    }

    #breadcrumbs {
        visibility: visible;
        overflow: visible;
        font-weight: 700;
        margin: 0;
        font-size: 0.85em;
        border-bottom: 3px solid #e9e8e8;
    }

    /*.breadcrumbs-wrapper {
        background: #eeeeee;
        padding: 5px 0 0;
    }*/

    .icon-menu {
        width: 50%;
    }

    .home-header {
        min-height: 89%;
    }

    .infographic-home h3 i {
        font-size: 2em;
    }

    .infographic-bg h2 {
        margin: 10% 0 5%;
        font-size: 2.5em;
    }

    .meta-majors h3 i {
        margin: 0 0 0.25em;
        display: block;
        font-size: 4em;
    }

    .future-resources {
        text-align: center;
    }

    .future-resources li {
        display: inline-block;
        width: auto;
        padding: 1em;
    }
    .workforce .basic-content .future-resources ul#workforce-nav li {
        width: calc(100% / 5 - 1rem);
        vertical-align: top;
    }
    .future-resources li i {
        margin: 0 0 10px 0;
        font-size: 2em;
        text-align: center;
        display: block;
    }

    .future-raiders .see-advisor {
        padding: 5em;
    }

    .sub-page h2 {
        font-size: 2.25rem;
    }

    .sub-page h3 {
        font-size: 1.75rem;
    }

    #pres-perspective {
        width: 75%;
        margin: auto;
        max-width: 500px;
    }

    .page-intro-copy {
        width: 90%;
        margin: auto;
    }

    .financial-address {
        font-size: 1.2em;
        background: #777777;
        color: #ffffff;
        color: white;
        color: rgb(255, 255, 255);
        width: 100%;
        vertical-align: middle;
        margin: 0 0 4em;
    }

    .financial-contact {
        background: #eeeeee;
        margin: 0;
    }

    .financial-address,
    .financial-contact {
        padding: 1em 0;
    }

    .financial-contact a {
        margin-right: 1em;
        font-weight: 900;
    }


    .aid-dates ul {
        text-align: center;
    }

    .aid-dates ul li {
        display: inline;
        font-size: 1.5em;

    }

    .aid-dates li:nth-of-type(2) {
        margin: 0 2em;
    }

    #faq-bg-area {
        background: radial-gradient(rgba(44, 44, 44, 0.92), rgba(31, 31, 31, 0.82)), url('/wp-content/uploads/2017/08/nwfsc_hero.png') no-repeat center center;
        background-size: cover;
        width: 100%;
        padding: 5% 0;
    }

    .financial-aid .faq-area {
        width: 100%;
        margin: auto;
    }

    .faq-area h3,
    .faq-area .ufaq-faq-post h4,
    .faq-area .ufaq-faq-post h5,
    .faq-area .ufaq-faq-post p a,
    .faq-area .ufaq-faq-post p,
    .faq-area .ufaq-faq-post ul,
    .faq-area .ufaq-faq-post ol {
        color: #ffffff;
        color: white;
        color: rgb(255, 255, 255);
    }

    div.ufaq-faq-title h4 {
        font-size: 1.2em;
    }

    .financial-aid .ewd-ufaq-post-margin h5 {
        font-size: 1.4rem;
    }

    .ufaq-faq-body {
        padding: 15px 0 15px 25px;
    }

    .financial-aid .ufaq-faq-list {
        width: 100%;
    }

    .financial-links {
        width: 85%;
        margin: auto;
        padding: 5em 0;
    }

    .financial-aid h5 {
        font-size: 2em;
    }

    #logo-header {
        width: 50%;
    }

    #tab_container_2471 .wpsm_nav,
    #tab_container_2891 .wpsm_nav,
    #tab_container_3049 .wpsm_nav {
        width: 25%;
    }

    .attendance-cost table {
        font-size: 0.85rem;
    }

    .attendance-cost table tbody tr td {
        line-height: 32px;
        font-size: 0.9rem;
    }

}

@media (min-width: 800px) {
    .current-icons {
        padding: 3em 0;
        text-align: center;
    }

    .current-links p {
        display: inline;
        width: auto;
        margin: 0;
    }

    .current-icons p i {
        font-size: 2em;
    }

    .current-links {
        padding: 2em;
    }

    .current-links ul {
        width: 760px;
        margin-bottom: 20px;
        overflow: hidden;
    }

    .current-links ul li {
        display: inline;
        width: 50%;
        float: left;
    }

    .hr-hire ul {
        width: 100%;
        text-align: center;
    }

    .hr-hire ul li {
        display: inline-block;
        margin: 0 1.3em;
    }

    .hr-hire ul li i {
        display: block;
        font-size: 2em;
    }

    .search-results .loop-content img {
        float: left;
        margin-right: 5em;
    }
}

@media (min-width: 850px) {
    .child-banner .page-main-title {
        font-size: 4rem;
    }
    .parent-banner .page-main-title {
        font-size: 4.5rem;
    }

    .team-bg {
        margin: 5em 0 0;
    }

    .dss-steps,
    .dss-right {
        padding: 5em;
        margin: 4em 0;
    }

    .team-bg {
        margin: 5em 0 0;
    }

    .testimonial blockquote h3 {
        font-size: 1.5em;
    }

    .strat-college-mission p {
        font-size: 1.1em;
    }

    .strat-title h3 {
        font-size: 1.3em;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    #links {
        width: 95%;
        margin: 0 10%;
        text-align: center;
    }

    #campuses,
    #student-info,
    #legal {
        width: calc(100% / 3 - 1em);
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }

    #campuses a,
    #student-info a,
    #legal a {
        display: block;
        text-align: left;
    }

    .quickstart a {
        font-size: 1.2em;
    }

    .future-raiders p,
    .future-raiders ul li {
        font-size: 1.05rem;
    }

    .post-copy {
        width: 80%;
    }

    .post-copy h2 {
        font-size: 1.5em;
    }

    .right-program {
        text-align: left;
    }

    .right-program h3 {
        font-size: 2em;
        text-align: center;
    }

    .right-program ul {
        display: table;
        width: 100%;
        margin: 0 auto;
    }

    .right-program ul li {
        font-size: 1.2em;
        width: 50%;
        margin: 1em auto;
    }

    .program-more-info a.plain-link {
        display: inline-block;
        margin: 0 1em;
    }

    .enrollment-stats {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
        -o-columns: 3;
    }
    #students-walking-together {
        box-shadow: none;
        display: inline-block;
        position: relative;
        top: 1.4em;
        width: 50%;
        max-width: 600px;
        height: auto;
        overflow: hidden;

    }

    .choose-degree figure {
        width: calc(100% / 2 - 1em);
        display: inline;
    }

    .app-window {
        width: 50%;
    }

    .raiderreps img {
        width: 100%;
        height: auto;
    }

    .raiderreps p a {
        color: #ffffff;
        color: white;
        color: rgb(255, 255, 255);
    }

    /* --- Tuition Cost Table Font Size --- */
    .attendance-cost table,
    .attendance-cost table tr td {
        font-size: 1rem;
    }

    .attendance-cost table tbody tr:last-child td {
        font-size: 1.2rem;
}
    /* ------- FIXED BACKGROUND IMAGES ------------ */
    .admissions-faq {
        background: radial-gradient(rgba(210, 21, 44, 0.95), rgba(210, 21, 44, 0.8)), url('/wp-content/uploads/2017/08/admissions-banner.jpg') center center no-repeat;
        background-size: cover;
        padding: 2em 0;
    }

    .dss-right {
        background: radial-gradient(rgba(210, 21, 44, 0.7), rgba(210, 21, 44, 0.9)), url('/wp-content/uploads/2017/08/ssc_exterior.jpg') no-repeat center center fixed;
        background-size: cover;
        padding: 2em;
    }
    .admissions-faq {
        background: radial-gradient(rgba(210, 21, 44, 0.95), rgba(210, 21, 44, 0.8)), url('/wp-content/uploads/2017/08/admissions-banner.jpg') center center fixed no-repeat;
        background-size: cover;
        padding: 2em 0;
    }
    .future-raiders .see-advisor {
        background: radial-gradient(rgba(83, 84, 86, 0.9), rgba(83, 84, 86, 0.85)), url('/wp-content/uploads/2017/08/ssc_exterior.jpg') no-repeat center center fixed;
        background-size: cover;
        padding: 2em;
        margin: 0;
    }

    .gainful-blurb {
        background: radial-gradient(rgba(83, 84, 86, 0.95), rgba(51, 51, 51, 0.92)), url('/wp-content/uploads/2017/08/fire.jpg') no-repeat center center fixed;
        background-size: cover;
        padding: 4em 0;
    }
    .hr-benefits {
        background: radial-gradient(rgba(24, 24, 24, 0.75), rgba(39, 39, 39, 0.82), rgba(0, 0, 0, 0.88)), url('/wp-content/uploads/2017/08/continuing_edu.jpg') no-repeat center center fixed;
        background-size: cover;
        padding: 1em;
    }

    .safety-policy {
        background: radial-gradient(rgba(102, 102, 102, 0.94), rgba(102, 102, 102, 0.5)), url('/wp-content/uploads/2017/08/ssc_exterior.jpg') no-repeat center center fixed;
        background-size: cover;
        padding: 5em;
        margin: 5% 0;
    }

    #specialty {
        background: radial-gradient(rgba(83, 84, 86, 0.94), rgba(83, 84, 86, 0.86)), url('/wp-content/uploads/2017/12/NWFS_StudentServices_20130530_110-edit-web.jpg') no-repeat center center fixed;
        background-size: cover;
        padding: 2em 0;
        margin: 10% 0;
    }

    #studentlife-mission-quote {
        background: radial-gradient(#d2152ccf, #d2152ce6), url('https://www.nwfsc.edu/wp-content/uploads/2018/09/studentlife_project2018.jpg') no-repeat center center fixed; 
        background-size: cover;
    }

    #selective-tabs #accordions-3256 .accordions-head,
    .hr-tabs #accordions-4177 .accordions-head,
    .hr-tabs #accordions-4164 .accordions-head,
    .hr-tabs #accordions-4180 .accordions-head,
    .hr-tabs #accordions-5618 .accordions-head {
        font-size: 1.2em;
        letter-spacing: 3px;
    }
}

@media (min-width: 890px) {
    .divisions {
        display: inline-block;
        margin: 0;
    }

    #athletics,
    #academics,
    #arts {
        margin: -0.15em;
        width: calc(100% / 3);
        box-shadow: 3px 0 5px #8e8b8b;
    }
}

@media (min-width: 900px) {

    .info-area .program {
        width: calc(100% / 2 - 1em);
    }

    .compliance-content h3,
    .compliance-content ul {
        width: 65%;
        margin: 1em auto;
    }

    .compliance h3 {
        font-size: 2em;
        margin-top: 5%;
    }

    .compliance-content p,
    .compliance-content li {
        font-size: 1.1em;
        line-height: 40px;
    }

    .basic-content h2,
    .basic-content h4,
    .basic-content h5,
    .basic-content h6 {
        margin-top: 2%;
    }

    
    .basic-content #selective-tabs .ufaq-faq-post h3,
    .basic-content #selective-tabs .ufaq-faq-post h4,
    .basic-content #selective-tabs .ufaq-faq-post h5,
    .basic-content #selective-tabs .ufaq-faq-post h6,
    .basic-content #selective-tabs .ufaq-faq-post p,
    .basic-content #selective-tabs .ufaq-faq-post img,
    .basic-content #selective-tabs .ufaq-faq-post ul {
        width: 100%;
        margin-left: 0;
    }
    
    .basic-content #selective-tabs .ufaq-faq-post h4 {
        margin-top: 3%;
    }
    
    .basic-content #selective-tabs .ufaq-faq-post h6 {
        font-size: 1rem;
    }
    
    .tuition .basic-content .attendance-cost .ufaq-faq-post {
        background: white;
        box-shadow: 1px 1px 10px #0000008f;
        padding: 5% 0;
    }

    #right-career img {
        float: right;
        width: 50%;
        max-width: 450px;
        height: auto;
        margin: 4em 1em 0 0;
        box-shadow: 2px 2px 5px #7d7d7d;
    }
}

@media (min-width: 950px) {
    .news-excerpts {
        width: 100%;
    }

    .news-excerpts h3 {
        margin-top: 0;
    }

    .news-excerpts:not(img) {
        clear: both;
        overflow: auto;
        width: 80%;
    }
    .home .academic-meta h2 {
        color: #d2152c;
        margin: 1rem 0;
        font-size: 3rem;
        font-weight: bold;
    }
    .home .academic-meta .hidden {
        visibility: visible;
        overflow: visible;
        height: auto;
        width: auto;
        margin: 0 0 3rem;

    }
    .academics-img img {
        width: calc(100% / 7 - 1em);
    }
    .academics .academic-meta {
        margin: 5em auto 0;
    }
    .academic-meta .program {
        display: inline-block;
        margin: 1em;
        vertical-align: middle;
        background: #303030;
        height: 250px;
        width: 250px;
        box-shadow: 1px 1px 3px #c6c6c6;
        border-radius: 3px;
        transition: all 0.2s ease-in-out;
        clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    }
    
    .academics > .academic-meta .program a {
        font-size: 0.45em;
        text-align: center;
    }
    .academic-meta #home-meta .program h3 i {
        display: block;
        margin: auto;
        font-size: 7em;
        margin-bottom: 10px;
    }
    
    /* ---- Home Program Icons - Photo Hovers --- */
    .program:hover {
        transform: scale(1.1);
    }
    .program:hover .program-wrapper {
        visibility: visible;
    }
    
    /* Business Meta */
    #biz-meta:hover {
        background: url('https://www.nwfsc.edu/wp-content/uploads/2021/05/culinary-scaled.jpg') no-repeat center right;
        background-size: cover;
    }
    /* Education Meta */
    #edu-meta:hover {
        background: url('https://www.nwfsc.edu/wp-content/uploads/2023/03/AF8I9400-2-1-scaled.jpg') no-repeat center center;
        background-size: cover;
    }
    /* Health Science Meta */
    #health-meta:hover {
        background: url('/wp-content/uploads/2024/01/Nursing-AdobeStock_646066753.jpg') no-repeat center center;
        background-size: cover;
    }
    /* Public Safety Meta */
    #safety-meta:hover {
        background: url('https://www.nwfsc.edu/wp-content/uploads/2023/03/Extrication-2.jpg') no-repeat center center;
        background-size: cover;
    }
    /* Industry Meta */
    #industry-meta:hover {
        background: url('https://www.nwfsc.edu/wp-content/uploads/2021/10/AF8I8397-scaled.jpg') no-repeat right center;
        background-size: cover;
    }
    /* Humanities Meta */
    #arts-meta:hover {
        background: url('/wp-content/uploads/2020/06/arts-meta.png') no-repeat center top;
        background-size: cover;
    }
    /* STEM Meta */
    #stem-meta:hover {
        background: url('https://www.nwfsc.edu/wp-content/uploads/2021/03/Jose-and-Justin-scaled.jpg') no-repeat center top;
        background-size: cover;
    }
    /* Social Science Meta */
    #socialsci-meta:hover {
        background: url('https://www.nwfsc.edu/wp-content/uploads/2023/03/power-lai-E0BmfKjeQrw-unsplash.jpg') no-repeat center center;
        background-size: cover;
    }
    .degree-choices ul,
    .other-edu ul {
        font-size: 0.65em;
    }
    .degree-choices,
    .other-edu {
        padding: 0;
    }
    .degree-choices ul,
    .other-edu ul {
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
    .degree-choices ul li {
        margin: 1.5em;
        font-size: 0.95rem;
    }
    .other-edu ul li {
        margin: 0.5em;
    }
    .degree-choices ul li,
    .other-edu ul li {
        display: inline-block;
        margin: 0.5em;
        vertical-align: top;
    }
    .other-edu {
        margin-bottom: 5%;
    }
    .page-template-program-page > .program-copy > p:not(.degree-buttons):not(.financial-aid-link) {
        padding: 1em 10em 0;
    }

    .page-main-title {
        font-size: 3.25rem;
        margin: 0;
    }
    .scholarships h4:not(:first-of-type),
    .testing-center h4:not(:first-of-type) {
        margin-top: 5%;
    }
    .list-page p,
    .department-page p,
    .list-page ul {
        width: 60%;
        line-height: 40px;
    }
    .faculty-profiles h3 {
        font-size: 3em;
    }
    .list-page img {
        margin: 10% auto 1em;
    }
    .financial-forms {
        width: 75%;
        margin: auto;
    }
    .financial-aid .faq-area {
        padding: 5em;
    }
    .financial-aid .faq-area h4 {
        font-size: 1.2rem;
    }
    .aid-dates {
        padding: 5em 0;
    }
    .aid-dates ul li {
        display: inline;
        font-size: 1.5em;
        width: 300px;
        display: inline-block;
    }
    .financial-forms h3,
    .aid-dates h3,
    .faq-area h3,
    .financial-links h3,
    .financial-staff h3 {
        font-size: 2.5em;
        line-height: 55px;
    }
    .financial-forms h4 {
        font-size: 2em;
        margin: 3em 0 1em;
    }
    .financial-links {
        width: 75%;
        text-align: center;
    }
    .financial-staff {
        padding: 5em 1em;
    }
    .current-icons p {
        display: inline-block;
        width: auto;
        margin: 0 1.5em;
        font-size: 1.4em;
    }
    .publications .basic-content .sub-page {
        columns: 2;
    }
}
@media(min-width: 1000px) {
    p,
    .basic-content p,
    .basic-content ul,
    .basic-content ol {
        font-size: 1.1rem;
    }

    .apply-steps ul {
        padding: 5em;
        margin: auto;
        max-width: 1500px;
    }

    .future-resources li i {
        font-size: 3em;
    }

    .future-resources li {
        padding: 2em;
    }

    .future-resources {
        padding: 2em 0;
    }

    .hr-intro a,
    .discrimination-form {
        width: 400px;
    }

    .quickstart a {
        font-size: 1.5em;
    }

    .testimonial {
        margin: 0;
        background-attachment: fixed;
    }

    .safety .future-resources li {
        width: calc(100% / 2 - 1em);
        vertical-align: top;
        text-align: left;
    }

    .safety .future-resources li i {
        text-align: center;
    }

    .student-mission {
        width: calc(100% / 3 - 1em);
        display: inline-block;
        vertical-align: top;
    }

    .downloads {
        padding: 3em 1em;
    }
}

@media (min-width: 1050px) {
    .future-intro {
        display: flex;
    }

    .future-intro-img {
        align-self: center;
        width: 50%;
    }

    .future-intro-copy {
        flex: 1;
        padding: 3em;
    }

    .future-intro-copy {
        padding: 5em;
    }

    .future-intro-copy p {
        margin-bottom: 10%;
    }

    .future-intro-img {
        width: 30%;
        height: auto;
    }

    .helpful-links article {
        width: calc(100% / 3 - 1em);
        display: inline-block;
        vertical-align: top;
    }

    .helpful-links h2 {
        font-size: 2em;
    }

    .helpful-links article ul {
        padding-left: 0;
    }
    .downloads {
        padding: 5em;
    }

    .social-behavioral-sciences .degree-list,
    .business .degree-list,
    .education .degree-list,
    .health-sciences .degree-list,
    .industry-manufacturing-construction .degree-list,
    .public-safety .degree-list,
    .stem .degree-list {
        width: calc(100% / 1 - 1em);
        display: inline-block;
        vertical-align: top;
    }
}

@media (min-width: 1100px) {
    .degree-choices ul,
    .other-edu ul {
        font-size: 0.85em;
    }

    .post-copy {
        width: 75%;
    }

    .post-copy h2 a,
    .news-excerpts h3 a {
        line-height: 45px;
    }

    .sub-page p {
        line-height: 35px;
    }

    #logo-header {
        width: 30%;
        max-width: 300px;
        display: inline;
        float: left;
        margin-left: 3em;
    }
}

@media (min-width: 1150px) {
    #athletics,
    #academics,
    #arts {
        padding: 4em;
    }
}

@media (min-width: 1200px) {
    .landing #hero-group a {
        font-size: 1.2rem;
        padding: 0.75em 2em;
        margin: 0 0.5em;
        font-weight: bold;
    }
    main.basic-content .ufaq-faq-post h3,
    main.basic-content .ufaq-faq-post h4,
    main.basic-content .ufaq-faq-post h5,
    main.basic-content .ufaq-faq-post p,
    main.basic-content .ufaq-faq-post ul,
    main.basic-content .ufaq-faq-post img,
    .accreditation .basic-content .ufaq-faq-post h3,
    .accreditation .basic-content .ufaq-faq-post h4,
    .accreditation .basic-content .ufaq-faq-post h5,
    .accreditation .basic-content .ufaq-faq-post h6,
    .accreditation .basic-content .ufaq-faq-post p,
    .accreditation .basic-content .ufaq-faq-post ul {
        width: 100%;
        padding: 0.25rem 5%;
    }
    .basic-content div.ufaq-faq-body {
        border: 1px solid #dddddd;
    }
    
    .accreditation main.basic-content .ufaq-faq-post h3 {
        margin-left: 0;
    }

    .free-tutoring main.basic-content .ufaq-faq-post {
        background: white;
        color: black;
        color: #080503;
        color: rgb(8, 5, 3);
        padding: 1rem;
        width: 100%;
    }
    
    .free-tutoring main.basic-content .ufaq-faq-post p {
        margin-left: 0;
    }

    .infographic-home {
        background: radial-gradient(#dddddd, #f5f5f5db);
        padding: 15em 5em;
    }

    .infographic-bg {
        padding: 5em 10em;
    }

    .hidden {
        visibility: visible;
        height: auto;
        width: auto;
        overflow: visible;
    }

    .infographic-home h2 {
        font-size: 2.5em;
        text-shadow: 2px 2px 4px #000000;
    }

    .infographic-bg h2 {
        font-size: 2em;
    }

    .infographic-home h3 {
        padding: 2em 0 0;
    }

    .infographic-home .program {
        width: calc(100% / 3 - 1em);
        background: #ffffff;
        height: 25em;
        margin: 5em 1em 0;
    }

    .infographic-bg h2 {
        margin: 5% 0 5%;
    }

    .infographic-bg h3 i {
        font-size: 4em;
    }

    .infographic-bg .program {
        width: calc(100% / 4 - 1em);
    }

    .infographic-bg .program {
        margin-bottom: 5%;
    }

    .home .academic-meta {
        /* background: radial-gradient(#e3e3e3f7, #ededede8),url('/wp-content/uploads/2020/04/BeginHere_HomeProgramsBackground_transparent_stacked.png') no-repeat top left; */
        background-size: cover;
        padding: 6rem 0 10%;
    }

    .strat-college-mission {
        background: url('/wp-content/uploads/2017/10/strat-banner-bg.png') center center no-repeat;
        background-size: cover;
        height: auto;
        margin-top: -2em;
    }

    .strat-college-mission h4 {
        margin: 0 0 0.5em;
    }

    .strat-college-mission h4,
    .downloads h2 {
        font-size: 2em;
    }

    .strat-college-mission p {
        max-width: 600px;
        padding: 0 0 15%;
    }

    .strat-mission-wrapper {
        background: #e5c239;
        background: linear-gradient(to top, #dfb50d, #e5c23900);
        background: -webkit-linear-gradient(to top, #dfb50d, #e5c23900);
        background: -moz-linear-gradient(to top, #dfb50d, #e5c23900);
        background: -o-linear-gradient(to top, #dfb50d, #e5c23900);
    }
    .strat-goals {
        position: relative;
        background: none;
    }
    .goal-items {
        background: #dfb50d00;
        background: linear-gradient(to top, #dbb10ba8, #dfb50d00);
        background: -o-linear-gradient(to top, #dbb10ba8, #dfb50d00);
        background: -webkit-linear-gradient(to top, #dbb10ba8, #dfb50d00);
        background: -moz-linear-gradient(to top, #dbb10ba8, #dfb50d00);
        display: inline-block;
        width: calc(100% / 9 - 1em);
        height: 600px;
        margin: -10em 1em 0;
        padding: 1em;
        vertical-align: top;
    }

    .goal-items h5 img {
        width: 50%;
        height: auto;
    }

    .strat-goals h5 {
        font-size: 1.2em;
        margin-bottom: 0.5em;
        padding-top: 45%;
    }
    .strat-goals p {
        width: 95%;
        font-size: 1em;
        line-height: 30px;
    }

    .downloads {
        padding: 10em;
    }
    .news-excerpts img {
        margin: 0 5% 0 0;
        float: left;
        max-width: 350px;
        height: auto;
    }

    .news-excerpt-copy {
        overflow: hidden;
    }

    .academics > .infographic-home .program {
        margin: 1em;
        max-width: 500px;
    }

}

@media (min-width: 1250px) {
    #shine-tagline {
        margin-bottom: 0;
    }

    .future-intro {
        width: 90%;
        margin: auto;
    }

    .future-intro-copy p,
    .future-intro-copy ul {
        max-width: 800px;
    }

    .future-intro-img {
        max-width: 500px;
        margin-top: 5%;
        height: auto;
    }

    .future-resources li i {
        font-size: 5em;
    }

    .future-raiders .see-advisor {
        padding: 5em 10em;
    }

    .strat-title h3 {
        padding-bottom: 2em;
    }

    .goal-items {
        width: calc(100% / 8 - 1em);
    }

    #degree-copy {
        width: 60%;
        display: inline-block;
    }

}

@media (min-width: 1350px) {
    .page-intro-copy {
        width: 80%;
    }

    .financial-aid .ufaq-faq-list {
        width: 75%;
        margin: auto;
    }

    .financial-forms {
        padding: 10em;
    }
    .financial-forms li {
        display: inline-block;
    }

    .financial-forms li a {
        margin-right: 1em;
        padding: 2em;
    }

    .financial-staff {
        padding: 10em 2em;
    }

    .financial-links li a {
        font-size: 1.2em;
    }
}

@media (min-width: 1400px) {
    .post-copy {
        width: 60%;
        max-width: 950px;
    }
}

@media (min-width: 1450px) {
    .strat-college-mission p {
        max-width: 850px;
        font-size: 1.5em;
        line-height: 35px;
    }

    .strat-college-mission h4,
    .downloads h2 {
        font-size: 3em;
        margin-bottom: 0.5em;
    }

    .page-template-program-page > .program-copy > p:not(.degree-buttons):not(.financial-aid-link),
    .eligibility {
        padding: 1em 20em 0;
    }
}

@media(min-width: 1500px) {
    .future-intro {
        width: calc(100% / 1.3);
    }

    .future-intro-copy {
        width: 75%;
        margin: auto;
    }

    .current-icons p i {
        font-size: 3em;
        display: block;
    }

    .current-icons p {
        margin: 0 5%;
    }

    .current-links {
        padding: 5em;
        width: 65%;
        margin: auto;
    }

    .current-links ul {
        width: 99%;
    }

    .current-links ul li {
        line-height: 55px;
    }
}

@media (min-width: 1550px) {
    .pres-bio img {
        height: auto;
    }

    .pres-bio h2 {
        font-size: 2em;
        margin-bottom: 0;
    }

    .strat-title h2 {
        font-size: 2em;
        padding-top: 1em;
    }

    .strat-title h3 {
        font-size: 1.75em;
    }

    .testimonial blockquote h3 {
        font-size: 1.75em;
    }
}

@media (min-width: 1600px) {
    #welcome {
        margin-top: 2%;
        margin-bottom: 0;
    }

    #shine-tagline {
        font-size: 11rem;
        line-height: normal;
    }

    .list-page p,
    .department-page p {
        width: 50%;
    }

    .department_intro {
        margin: 5% 0 10%;
    }

    #right-career img {
        margin: 4em 20% 0 0;
    }

    #degree-copy {
        width: 68%;
    }
    section.student-life-awards .student-award-image {
        width: calc(100% / 1.75 - 1rem);
    }
    section.student-life-awards .student-life-awards-copy {
        width: calc(100% / 2.5 - 1rem);
    }
}